/******************** desktop ********************/
@media screen and (min-width: 1280px) {
html {
    font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
    height: 100%;
    overflow: auto;
}
body {
    font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
    font-weight: 400;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin: 0px;
    height: 100%;
}
:focus {outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
ul, li {
    list-style: none;
}
.h100 {
    height: 100%;
}
.fixed {
    overflow: hidden;
}
.main-section {
    height: 100%;
    display: inline-block;
    padding-bottom: 20px;
}
.section-height, .inspection_main, .inspection_report, #contionuous_measurement {
    height: calc(100vh - 70px);
    overflow-y: scroll;
    margin-top: 70px;
}
.section-height.forgetPw {
    overflow-y: unset;
}
.wrapper {
    position: relative;
    min-height: 100vh;
    background: #F0F0F0;
}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}
.main-sidebar {
    background: #202A3E;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 261px;
    z-index: 100;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
.main-sidebar .sidebar {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
}
.main-sidebar .sidebar::-webkit-scrollbar {
    width: 6px;
}
.main-sidebar .sidebar::-webkit-scrollbar-track {
    background: #202A3E;
}
.main-sidebar .sidebar::-webkit-scrollbar-thumb {
    background: #26324A;
    border-radius: 3px;
}
.main-sidebar .sidebar::-webkit-scrollbar-thumb:hover {
    background: #6FD376;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: nowrap;
    overflow: hidden;
}
.box-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.box-sidebar-menu {
    color: #fff;
    margin-top: 35px;
}
.sidebar-menu {
    padding: 17px 0px 17px 26px;
    background: #26324A;
    margin-bottom: 3px;
    cursor: pointer;
}
.sidebar-menu > a {
    text-decoration: none;
    position: relative;
    display: block;
}
.sidebar-menu > a > img {
    margin-right: 11px;
    vertical-align: middle;
}
.sidebar-menu > a > i {
    width: 16px;
    height: 16px;
    margin-right: 11px;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
}
.sidebar-menu.Data > a > i { 
    position: absolute;
    right: 11px;
}
.sidebar-menu > a > span {
    font-size: 16px;
    text-align: left;
    color: #fff;
    position: absolute;
    left: 60px;
}
.sidebar-menu.active {
    background: #6FD376; 
    box-shadow: inset 5px 0px 0px 0px #3BA84C;
}
.sidebar-menu.ContinuousMonitoring {
    background: #202A3E;
}
.sidebar-menu.InspectionData {
    background: #202A3E;
    margin-bottom: 0;
}
.sidebar-menu.ContinuousMonitoring.active {
    background: #6FD376; 
    box-shadow: inset 5px 0px 0px 0px #3BA84C;
}
.sidebar-menu.InspectionData.active {
    background: #6FD376; 
    box-shadow: inset 5px 0px 0px 0px #3BA84C;
    margin-bottom: 0;
}
.aside-bottom {
    position: fixed;
    bottom: 0px;
    left: calc(130px - 100px);
}
.aside-bottom > img {
    width: 190px;
    margin: 0 auto;
    display: block;
}
.logo-pro_light {
    width: 169px;
    margin: 0 auto;
    display: block;
    margin-bottom: 48px;
    margin-top: 10px;
}
.title-sidebar_small {
    margin-left: 23px; 
    font-size: 13px; 
    color: #8C94A2; 
    margin-bottom: 11px;
    margin-top: 11px;
}
.fixed .right-side {
    padding-top: 50px;
}
.content-wrapper {
    background-color: #F0F0F0;
    min-width: 1180px;
}
.content-wrapper {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 261px;
    z-index: 3;
}
.content-header {
    position: fixed;
    height: 70px;
    background: #ffffff;
    min-width: calc(100% - 261px);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
    top: 0;
    z-index: 30;
}
.content-header>.breadcrumb {
    float: right;
    font-size: 12px;
    margin: 0 20px;
    min-width: 229px;
    padding: 0;
    display: block;
    background: #fff;
    height: 70px;
}
.header-admin {
    font-size: 17px;
    font-weight: 500;
    padding: 25px;
    display: inline-block;
}
.breadcrumb>li {
    display: inline-block;
    height: 100%;
    line-height: 70px;
    float: left;
}
.mobile-navbar {
    float: left;
    display: none;
}
.mobile-navbar > i { 
    font-size: 18px;
    margin: 25px 0 0 37px;
    cursor: pointer;
    display: none;
}
.go-support {
    font-size: 14px;
    color: #4D4F5C;
    font-weight: 400;
    cursor: pointer;
}
.go-support > span {
    padding: 10px 30px;
    border-right: 1px solid #F0F0F0;
}
.box-account_top {
    cursor: pointer;
}
/*
.box-account_top:hover {
    cursor: pointer;
    background: rgba(240, 240, 240, 0.43);
}
*/
.span-user {
    font-size: 14px;
    margin-right: 9px;
    margin-left:22px;
}
.go-account-setting {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    padding: 0px 0 10px 10px;
    border-bottom: 1px solid rgba(95, 161, 252, 0.1);
    font-weight: 500;
    line-height: 15px;
}
.go-account-setting > img {
    margin-right: 15px;
    vertical-align: sub;
}
.sign-out {
    display: block;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.54);
    padding: 0px 0 0px 10px;
    font-weight: 500;
    line-height: 23px;
    cursor: pointer;
}
.sign-out > img {
    margin-right: 19px;
    vertical-align: sub;
}
.box-create-name {
    width: 264px;
    float: left;
    margin-bottom: 21px;
}
.box-create-name.full{
    margin-right: 18px;
}
.box-create-name > label {
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 16px;
}
.box-create-name > input {
    width: 100%;
    height: 48px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
}
.box-password {
    width: 548px;
    height: 48px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
    margin-bottom: 24px;
    background: #fff;
}
.box-password-input {
    width: 88%;
    float: left; 
}
.box-password-input > input { 
    width: 100%;
    height: 46px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: none;
    padding-left: 15px;
}
.box-password-show {
    width: 12%;
    float: left;
}
.show-pw {
    font-size: 16px;
    color: #6FD376;
    font-weight: 500;
    margin-top: 13px;
    display: inline-block;
    cursor: pointer;
}
.box-top-account {
    position: absolute;
    top: 70px;
    width: 207px;
    height: 43px;
    z-index: 100;
    background: #fff;
    display: none;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.box-top-account.mobile {
    display: none;
}
.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.box-account-info {
    display: none;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.main-footer > a, .index-footer > a, .signup-footer > a, .login-footer > a  {
    color: #8C94A2;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 20px;
    text-decoration: none;
}
.content-wrapper {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 261px;
    z-index: 3;
}
.row {
    width: 96%;
    margin: 1.4% 2% 1.7% 2%;
    float: left;
    min-height: 350px;
}
.row_inspection {
    width: 96%;
    margin: 1.4% 2% 1.7% 2%;
    float: left;
    min-height: 350px;
}
.box-content {
    min-height: 314px;
    background: #fff;
    min-width: 1130px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
}
#inspection-scroll {
    height: 290px;
    overflow-y: scroll;
}
.box-table {
    padding: 51px 20px 33px;
    min-width: 1130px;
    display: block;
}
.box-table > span {
    font-size: 16px;
    line-height: 19px;
    font-style: italic;
    color: #26324A;
}
.box-title {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 20px 20px 10px;
    display: inline-block;
}
.device-title {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 33px !important;
    display: inline-block;
    float: left;
}
.template-title {
    width: 300px;
    background-color: #6FD376;
    padding: 25px  0;
    font-weight: 500;
    text-align: center;
    margin-top: 30px;
    margin-left: 5px;
    margin-bottom: 0;
}
.box-add-new-user, .box-add-new-client {
    display: none;
    min-width: 980px;
    height: 756px;
    margin-left: 40px;
    margin-right: 100px;
    box-shadow: 0 3px 6px #D1D0D0;
    background: #fff;
}
.header-add-new-user, .header-add-new-client {
    background: rgb(140 148 162 / 0.1);
    display: flex;
    padding-top: 16px;
    padding-bottom: 13px;
}
.header-add-new-user_username {
    width: calc(100%/3);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-user_email {
    width: calc(100%/3);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-user_btn {
    width: calc(100%/3);
    float: left;
    text-align: right;
    padding-right: 26px;
}
.btn-add-new-user, .btn-add-new-client, .btn-add-new-template {
    font-size: 17px;
    font-weight: 500;
    color: #26324A;
    background: #6FD376;
    color: #fff;
    border-radius: 19px;
    border: none;
    padding: 7px 14px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
}
#addId {
    width: 100%;
    border: none;
    padding: 0;
    background: #fff !important;
}
#already-exist-id {
    display: none;
}
#span-already-id {
    color: #E21111;
    font-size: 14px;
    display: none;
}
.already-user {
    color: #E21111 !important;
    text-decoration: none !important;
}
.btn-add-new-client, .btn-add-new-template {
    margin-top: 24px;
    margin-left: 15px;
}
.header-add-new-client_name {
    width: calc(100%/5);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-client_email {
    width: calc(100%/5);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-client_home {
    width: calc(100%/5);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-client_phone {
    width: calc(100%/5);
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
    padding-top: 5px;
}
.header-add-new-client_btn {
    width: calc(100%/5);
    float: left;
    text-align: right;
    padding-right: 26px;
}
.btn-add-new-user:focus, .btn-add-new-client:focus, .btn-add-new-template:focus {
    outline: 0 !important;
}
.content-add-new-user, .content-add-new-device {
    padding: 31px 0 0 59px;
}
.content-add-new-user > span, .content-add-new-device > span { 
    font-size: 17px;
    color: #26324A;
    line-height: 30px;
}
.mobile-top-title {
    display: none;
}
.mobile-title_top {
    display: none;
}
.mobile_sorting {
    display: none;
}
.monitoring-Navi_mobile {
    display: none;
}
.monitoring-map {
    margin: 0 20px;
}
.wrapper-table {
    padding: 0 9px 0 12px;
    background: #fff; 
    height: 330px;
}  
.table-device {
    height: 330px;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    min-width: 775px;
}
.table-device > thead {
    border-bottom: 1px solid #F0F0F0;
}
.table-device > thead, tbody {
    display: block;
}
.table-device > thead > tr {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    height: 50px;
    display: block;
    width: 100%;
}
.table-device > thead > tr > th {
    display: inline-block;
    text-align: center;
}
.table-device > thead > tr > th:first-child {
    display: inline-block;
    padding: 17px 0 17px 24px;
    width: 26% !important;
    text-align: center;
}
.table-device > thead > tr > th {
    width: 21% !important;
    color: #26324A;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
}
.table-device > thead > tr > th:last-child::after {
    display: none;
}
.table-device > thead > tr > th:nth-child(3) {
    width: 27% !important;
    color: #26324A;
    font-size: 16px;
    line-height: 19px;
}
.table-device > thead > tr > th:last-child {
    width: 21% !important;
    color: #26324A;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
}
.table-device > thead > tr > th:last-child > img {
    vertical-align: middle;
}
.table-device > tbody {
    overflow-y: auto;
    height: 274px;
    margin-right: 3px;
}
.table-device > tbody > tr:hover {
    height: 58px;
    background: rgba(111, 211, 118, 0.1);
    width: 100%;
    display: block;
    border-bottom: 1px solid #F4F4F4;
    cursor: pointer;
}
.table-device > tbody > tr {
    height: 58px;
    background: #fff;
    width: 100%;
    display: block;
    border-bottom: 1px solid #F0F0F0;
    cursor: pointer;
}
.table-device > tbody > tr > td {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    display: inline-block;
}
.table-device > tbody > tr > td:first-child {
    width: 26%;
    padding: 20px 0 19px 24px;
    text-align: left;
}
.table-device > tbody > tr > td > .img_arrow {
    display: none;
}
.table-device > tbody > tr > td > .ellipsis-box {
    display: none;
}
.table-device > tbody > tr > td {
    width: 21%;
}
.table-device > tbody > tr > td:nth-child(3) {
    width: 27%;
}
.table-inspection {
    width: 100% !important;
    background: #fff;
    border-collapse: collapse;
}
.table-inspection > tbody > tr {
    height: 43px;
    background: #fff;
    width: 100%;
    display: inline-table;
    border-bottom: 1px solid #F0F0F0;
    cursor: default;
}
.table-inspection > tbody > tr > td {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    display: inline-block;
}
.table-inspection > tbody > tr > td:first-child {
    width: 100%;
    padding: 12px 0 12px 48px;
    text-align: left;
    box-sizing: border-box;
    font-size: 16px;
}
.table-inspection > tbody > tr > td:nth-child(2) {
    display: none;
}
.table-inspection > tbody > tr > td > .img_arrow {
    margin-right: 12px;
    margin-left: -26px;
}
.exp-menu {
    display: none;
}
.table-inspection > tbody > tr > td {
    width: 21%;
}
.table-inspection > tbody > tr > td:nth-child(3) {
    width: 27%;
}
.status_continuous {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #3465C6;
}
.status_continuous_stop {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #1D386C;
}
.status_force_stop {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #FF980B;
}
.status_ready {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #D06161;
}
.status_wait {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #8C94A2;
}
.status_measure {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #6FD376;
}
.status_measure_stop {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-left: -10px;
    background: #2E803A;
}
.style-scroll::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
.style-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #E2E2E2;
}
.style-scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #E2E2E2;
}
.box-map {
    width: 28%;
    margin: 0 20px;
    float: left;
}
.box-chart {
    margin: 0.5% 2% 0% 2%;
    width: 96%;
    min-width: 1136px;
    float: left;
    min-height: 380px;
}
.wrapper-chart {
    background:#fff; 
    min-width: 1136px; 
    padding: 20px 20px 0 20px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    min-height: 360px;
}
.main-footer {
    width: 100%;
    background: inherit;
    display: inline-block;
    margin-top: 40px;
}
.main-footer {
    width: calc(100% - 522px);
    background: inherit;
    display: inline-block;
    margin-top: 40px;
    bottom: 0;
    position: absolute;
}
.login-footer {
     background: inherit;
     margin-top: 60px;
}
.signup-footer {
    width: 100%;
    background: inherit;
    display: inline-block;
    margin-top: 20px;
}
#example, #example1 {
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    border-bottom: none;
}
#example_wrapper, #example1_wrapper {
    padding-left: 40px;
    padding-right: 70px;
    box-sizing: content-box;
}
#example > tbody, #example1 > tbody {
    display: table-row-group;
}
#example > thead > tr:first-child, #example1 > thead > tr:first-child {
    height: 66px;
    background: rgba(140, 148, 162, 0.1);
    padding: 10px;
    box-sizing: border-box;
}
#example > thead > tr > th, #example1 > thead > tr > th {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    padding: 12px 18px;
    background: rgba(140, 148, 162, 0.1);
    text-align: center;
    font-size: 16px;
    color: #26324A;
}
#example.User, #example.Device, #example1.Device_employee {
    background: #fff;
}
#example.User > thead > tr > th {
    border-right: none;
    border-bottom: none;
    padding: 12px 18px;
    background: rgba(140, 148, 162, 0.1);
    text-align: center;
    font-size: 16px;
    color: #26324A;
    border-style: none;
}
#example.Device > thead > tr > th
, #example1.Device_employee > thead > tr > th {
    border-right: none;
    border-bottom: none;
    padding: 21px;
    background: #fff;
    text-align: center;
    font-size: 16px;
    color: #26324A;
    border-style: none;
    border-bottom: 1px solid #00000033 !important;
}
#example > thead > tr > th:last-child, #example1 > thead > tr > th:last-child {
    border-right: none;
    border-bottom: none;
    padding: 12px 18px;
}
#example > tbody > tr > td, #example1 > tbody > tr > td {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    padding: 21px;
    line-height: 16px;
    border-left: none;
}
.tab-device-active {
    border: none !important;
    background: #6FD376 !important;
    box-shadow: 3px 3px 6px #00000029 !important;
}
.tab-device-active > span {
    color: #26324A !important;
    font-size: 17px;
    vertical-align: middle;
    display: table-cell;
    font-weight: 500;
}
#tab-registered-devices, #tab-shared-devices {
    width: 291px;
    height: 66px;
    display: table;
    text-align: center;
    float: left;
    cursor: pointer;
    border: 1px solid rgb(112 112 112 / 10%);
    background: rgb(140 148 162 / 10%);
    box-shadow: none; 
}
#tab-registered-devices > span, #tab-shared-devices > span {
    color: #26324A;
    font-size: 17px;
    vertical-align: middle;
    display: table-cell;
    font-weight: 500;
}
.span-pending {
    color:#D1D3D6;
}
.user-pending {
    width: 81px;
    height: 23px;
    border-radius: 14px;
    background: #D1D3D6;
    border: none;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    margin-left: 5px;
}
#example.User > tbody > tr > td, #example.Device > tbody > tr > td
, #example1.Device_employee > tbody > tr > td {
    font-weight: 400;
    color: #26324A;
}
#example.Device > tbody > tr > td, #example1.Device_employee > tbody > tr > td {
    line-height: 24px;
}
#example > tbody > tr > td > img {
    margin-right: 25px;
    margin-left: -39px;
}
.combobox-device-by-user {
    height: 178px;
    overflow-y: auto;
    border: 1px solid #D1D3D6;
}
.combobox-device-by-user > li {
    list-style: none;
    padding: 1px 10px;
}
.combobox-device-by-user > li:hover { 
    background: #EFEFEF;
}
.combobox-device-by-user > li > ul {
    padding-left: 0;
    margin-bottom: 5px;
}
.combobox-device-by-user > li > ul > input {
    float: left;
    margin-right: 10px;
}
.span-modal-device {
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 9px;
    display: block;
    color: #2B2B2B;
}
.ui.form input[type=search] {
    border-radius: 23px;
    min-width: 295px;
    border: none;
    box-shadow: none;
    font-size: 14px;
}
textarea, input {
    padding:10px;
    font-family: FontAwesome, 'Roboto', sans-serif !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.ui.menu {
    border: none;
    box-shadow: none;
}
.ui.menu .item:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    /* background: rgba(34,36,38,.1); */
}
.add-client-btn_mobile {
    display: none;
}
#example_wrapper > .bottom, #example1_wrapper > .bottom {
    padding: 18px;
}
div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
    padding: 9px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
}
.dataTables_wrapper .dataTables_length {
    float: left;
    color: rgba(0, 0, 0, 0.54) !important;
    font-weight: 500;
}
.ui.table tr td {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.ellipsis-box {
    width: 25px;
    display: inline;
    position: absolute;
    right: 25px;
    color: #6FD376;
    cursor: pointer;
}
.ellipsis-box.User, .ellipsis-box.Device {
    width: 25px;
    display: inline;
    right: 125px;
    color: #6FD376;
    cursor: pointer;
    position: absolute;
}
.ellipsis-box.Device {
    margin-top: 5px;
}
.ellipsis-box.Client {
    width: 25px;
    display: inline;
    right: 80px;
    color: #6FD376;
    cursor: pointer;
    position: absolute;
}
.ellipsis-box > img {
    display: block;
    margin: 0 auto;
}
.ellipsis-menu-box {
    min-width: 286px;
    position: absolute;
    right: 5px;
    top: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    z-index: 12;
    display: none;
}
.ellipsis-menu-box.User, .ellipsis-menu-box.Device {
    min-width: 216px;
    position: absolute;
    right: 8px;
    top: 23px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    z-index: 12;
    display: none;
}
.ellipsis-menu-box.User > div:first-child, .ellipsis-menu-box.Device > div:first-child {
    background: #EEEEEE;
    color: #26324A;
}
.ellipsis-menu-box.User > div:nth-child(2), .ellipsis-menu-box.Device > div:nth-child(2) {
    color: rgba(0, 0, 0, 0.54);
    background: #fff;
}
.exp-menu-box {
    min-width: 286px;
    position: absolute;
    right: 5px;
    top: 20px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    z-index: 12;
    display: none;
}
.exp-detail-btn {
    padding: 18px 0 18px 17px;
    background: #EEEEEE;
    color: #26324A;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    text-align: left;
}
.exp-report-btn {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    padding: 18px 0 18px 17px;
    line-height: 21px;
    text-align: left;
}
.box-inspection_status {
    display: none;
}
.add-inspector-btn {
    padding: 18px 0 18px 17px;
    background: #EEEEEE;
    color: #26324A;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-align: left;
}
.resend-invitation-btn, .edit-device-btn {
    padding: 18px 0 18px 17px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-align: left;
}
.add-inspector-btn > img, .resend-invitation-btn > img, .edit-device-btn > img {
    margin-right: 18px;
}
.transfer-authority-btn {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.54);
    padding: 18px 0 18px 17px;
    line-height: 21px;
    text-align: left;
}
.delete-user-btn, .delete-device-btn {
    font-size: 18px;
    padding: 18px 0 18px 17px;
    line-height: 21px;
    text-align: left;
}
.transfer-authority-btn > img, .delete-user-btn > img, .delete-device-btn > img {
    margin-right: 18px;
}
#example > tbody > tr > td > i, #example1 > tbody > tr > td > i {
    position: absolute;
    left: 70px; 
}
.small-title_mobile {
    background: rgba(140, 148, 162, 0.1);
    display: none;
}
.small-title_mobile > p {
    font-size: 14px;
    font-weight: 600;
    margin-left: 36px;
    padding: 10px 0;
}
.dataTables_filter {
    display: none !important;
}
div.dataTables_wrapper div.dataTables_length select {
    vertical-align: middle;
    min-height: 2.7142em;
    background: #fff;
    border: none;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(260px, 0);
    z-index: 120000;
    display: none;
    overflow: hidden;
    outline: 0;
    padding: 0 !important;
}
.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 670px !important;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}
.modal-lg {
    max-width: 670px;
}
.modal-sidebar {
    transform: translate(0, -50%) translate(-131px, 0) !important;
}
.modal.show .modal-dialog {
    transform: translate(0, -50%);
}
.modal-dialog {
    top: 50%;
}
.modal-title {
    margin-bottom: 0;
    line-height: 24px;
    text-align: center;
    width: 100%;
    color: #6FD376;
    font-size: 18px;
    padding: 10px 0;
}
input.modal-title {
    border:0;
}
.modal-report-title {
    margin-bottom: 0;
    line-height: 24px;
    text-align: left;
    width: 100%;
    color: #26324A;
    font-size: 21px;
    padding: 10px 0;
    margin-top: 15px;
}
.close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 0, 0, 0.54);
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
    padding: 21px 17px !important;
    margin-left: -20px !important;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 61px 30px 0 30px;
}
#report_modal .modal-content {
    border-radius: 0 !important;
}
#modalTitleInspection {
    font-size:21px;
}
#report_modal .modal-body {
    display: flex;
    flex-direction: column;
    padding: 0 50px;
}
#report_modal .modal-body label {
    display: flex;
    margin-top: 20px;
}
#report_modal .template_modal-title {
    margin-top:30px;
}
#report_modal .template-box {
    padding: 0 20px;
}
#report_modal .template-box:first-of-type {
    overflow-y: scroll;
    height: 180px;
}
#report_modal .template-box .temp_sub {
    color:#9B9B9B;
}
#preset_temp_box {
    display: none;
}
#preset_temp_list {
    color:#000;
}
.check_radio {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 17px;
    height: 17px;
    border: 1px solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
    display: grid;
  place-content: center;
  margin-right: 10px;
}
.check_radio::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    transform: scale(0);
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #6FD376;
}
.check_radio:checked::before {
    transform: scale(1);
}
.check_radio:checked {
    border: 1px solid #6FD376;
}
#report_modal .modal-footer button {
    width: 160px;
    height: 40px;
    line-height: 8px;
}
#report_modal .modal-footer button:first-child {
    background: #fff;
    box-shadow: none;
}
#report_modal .modal-footer button:last-child {
    box-shadow: none;
    border-radius: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 0 11px 10px;
    font-size: 16px;
    line-height: 19px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #707070;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-device {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 19px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D1D3D6;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#device-name {
    display: inline-block;
    float: left;
    width: 95%;
    height: 40%;
    padding: 19px;
    border: none;
}
.remove-device-name {
    display: inline-block;
    width: 5%;
    margin-top: 8px;
    cursor: pointer; 
}
.email-label {
    color: #2B2B2B;
    width: 100%;
}
.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: none;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: none !important;
    padding: 33px 30px;
}
.template_modal-title {
    display: flex;
    justify-content: space-between;
    font-size:16px;
}
.template_modal-title > p > span {
    margin-right:10px;
}
.template_contents {
    display: flex;
    flex-direction: column;
}
.template-box {
    padding:0;
}
.dropDown_btn, .dropright_btn {
    font-size:20px;
    cursor: pointer;
    color: rgba(0,0,0,0.9) !important;
}
.dropright_btn {
    transform: rotate(270deg);
}
.template-box{
    display: none;
}
.template-box_input {
    display: block;
    width:100%;
    height:40px;
    border:1px solid #707070;
}
.nextBtn {
    float:right;
    background-color:#4ECB60;
    width:150px;
    height:34px;
    color:#fff;
    box-shadow:0px 3px 6px 0 #d0d0d0;
    text-align: center;
    line-height: 34px;
    border:0;
    cursor: pointer;
}
.disabled_btn {
    background:rgba(0, 0, 0, 0.3);
}
#template-modal-footer, #report-modal-footer {
    border-top:1px solid rgba(0, 0, 0, 0.2) !important;
    padding: 25px 30px;
}
#template-modal-footer > button , #report-modal-footer > button {
    line-height: 40px;
    width: 150px;
    height: 40px;
    padding: 0;
    font-weight: 500;
}
#template-modal-footer > .btn-cancel, #report-modal-footer > .btn-cancel {
    color: rgba(0,0,0,0.6);
    background: none;
    box-shadow: none;
    width: 80px;
}
#save_template_btn, #save_preset_btn, #report-modal-footer > #select_temp {
    background: #4ECB60;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #d1d0d0;
}
#save_template_btn:disabled, #report-modal-footer > #select_temp:disabled {
    background:rgba(0, 0, 0, 0.5);
}
.modal-comment {
    color: #8C94A2;
    margin-bottom: 30px;
    display: block;
}
#modal-header-title {
    text-align: center;
    padding-top: 40px; 
    color:#26324A;
    font-size: 18px;
}
#save_presetModal_body, #save_copyModal_body {
    padding: 30px 40px 0 ;
}
#save_presetModal_body label, #save_copyModal_body label {
    font-size: 16px;
    margin-bottom:20px;
}
#save_presetModal_body input, #save_copyModal_body input {
    display: block;
    width:100%;
    height:35px;
    border:1px solid #000;
}
#save_presetModal .modal-footer, #deleteTempModal .modal-footer, #duplicateTempModal .modal-footer, #save_copyModal .modal-footer {
    display: flex;
    justify-content: space-between;
    padding: 30px 40px;
}
#save_presetModal .modal-footer .btn-cancel, #deleteTempModal .modal-footer .btn-delete_cancel, #duplicateTempModal .modal-footer .btn-copy_cancel, #save_copyModal .modal-footer .btn-cancel {
    background: 0;
    border: 1px solid #000;
    box-shadow: none;
    height: 35px;
    color: #000;
    line-height: 0;
}
#save_presetModal .modal-footer #save_preset_btn, #deleteTempModal .modal-footer #delete-template_btn, #copy-template_btn, #save_copy_btn {
    width: 50%;
    height: 35px;
    box-shadow: none;
    font-size:16px;
    background:#4ECB60;
    border:none;
}
#noCommentFile3{
    color: #000;
}
.btn-cancel, .btn-delete_cancel, .btn-copy_cancel {
    width: 293px;
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    margin-right: 21px !important;
    cursor: pointer;
}
.btn-cancel:hover {    
    width: 293px;
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    margin-right: 21px !important;
    cursor: pointer;
}
#add_inspector_btn, #transfer_auth_btn, #add_client_btn, #edit_client_btn, #update_account_btn, 
#save_client_btn, #delete-inspector_btn, #delete-client_btn, #go_transfer_btn, #edit_device_btn, #save_add_client, #send_customhour {
    width: 293px;
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: #6FD376;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    cursor: pointer;
}
div.slider {
    display: none;
}
.no-padding {
    padding: 0 !important;
}
#sub-table {
    width: 100%;
    border-bottom: none;
}
#sub-table > tbody {
    display: table-row-group;
}
#sub-table > thead > tr:first-child {
    height: 66px;
    background: rgba(140, 148, 162, 0.1);
    padding: 10px;
    box-sizing: border-box;
}
#sub-table > thead > tr > th {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    padding: 12px 18px;
    background: rgba(140, 148, 162, 0.1);
    text-align: center;
    font-size: 16px;
    color: #26324A;
}
#sub-table > thead > tr > th:last-child {
    border-right: none;
    border-bottom: none;
    padding: 12px 18px;
}
#sub-table > tbody > tr > td {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    padding: 21px;
    line-height: 16px;
    border-left: none;
    background: #F0F0F0;
    border-top: none;
}
#sub-table > tbody > tr > td:first-child {
    width: 30%;
}
#sub-table > tbody > tr > td:nth-child(2) {
    width: 30%;
}
#sub-table > tbody > tr > td:last-child {
    width: 40%;
}
#sub-table > tbody > tr > td > i{
    margin-right: 10px;
    font-size: 20;
}
#sub-table_exp {
    width: 100%;
    border-bottom: none;
}
#sub-table_exp > tbody {
    display: table-row-group;
}
#sub-table_exp > tbody > tr > td {
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    padding: 12px 0 12px 48px;
    line-height: 19px;
    border-left: none;
    background: #fff;
    border-top: none;
    border-bottom: 1px solid #F0F0F0;
    cursor: pointer;
}
#sub-table_exp > tbody > tr > td:first-child {
    width: 30%;
}
#sub-table_exp > tbody > tr > td:nth-child(2) {
    width: 30%;
}
#sub-table_exp > tbody > tr > td:last-child {
    width: 40%;
    position: relative;
}
#sub-table_exp > tbody > tr > td > i{
    margin-right: 10px;
    font-size: 20px;
}
.selected_report {
    background: #F0F0F0 !important;
}
.top-inspector {
    display: inline-block;
    position: absolute;
    right: 120px;
}
.delete-inspector {
    display: inline-block;
    position: absolute;
    right: 120px;
}
.li-user {
    height: 38px !important;
    width: 38px;
    border: 1px solid #8C94A2;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    margin-top: 14px;
    margin-left: 10px;
    box-sizing: content-box;
    cursor: pointer;
}
.li-user > img {
    width: 14px;
    padding: 12px 2px;
    vertical-align: unset;
    box-sizing: content-box;
}
.search_mobile {
    display: none !important;
}
.search-large_device {
    display: inline-block;
    float: right;
    margin-top: 33px;
    margin-bottom: 13px;
}
.search-large_device > img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: text-top;
}
.search-large_device > input {
    width: 295px;
    border: none;
    border-radius: 23px;
    height: 45px;
    padding: 0 0 0 40px;
    background-image: url(../../images/icons/ic_search.png);
    background-repeat: no-repeat;
    background-position: 13px 13px;
    background-size: 18px;
    display: none;
}                   
#list-inpspection_report {
    padding: 0;
    margin: 0;
}
#list-inpspection_report > li {
    list-style: none;
    padding: 17px;
    border-bottom: 1px solid #F0F0F0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    font-weight: 600;
}
.box-inpspection_infomation {
    float: left;
    min-width: 420px;
    margin-right: 40px;
    min-height: 265px;
    width: 55%;
}
#map {
    position: relative !important;
    min-width: 330px;
    min-height: 265px;
    /*max-width: 350px;*/
    display: inline-block;
    width: 20%;
    float: right;
}
.wrapper-list-inpspection {
    width:30%;
    float:left;
    min-width: 348px;
}
.wrapper-list-inpspection > span {
    color: #6FD376;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 0;
    display: block;
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}
.wrapper-inpspection_infomation{
    width: 69%;
    float: left;
    padding: 20px;
    min-width: 782px;
    height: 350px;
    box-sizing: border-box;
}
#list-inpspection_report > li.active {
    background: rgba(111, 211, 118, 0.2);
}
.over-info {
    background: rgba(255, 255, 255, 0.5);
    float: right;
    height: 371.5px;
    margin-top: -371.5px;
    margin-right: 0px;
    overflow: visible;
    position: relative;
    width: 70%;
    color: #FFFFFF;
    z-index: 10;
}
.over-info span {
    position: relative;
    top: 50%;
    left: 50%;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    margin-left: -200px;
}
.box_report {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%) translate(131px, 0);
    z-index: 100;
}
.btn-preview, .btn-addpdf {
    border: none;
    padding: 10px;
    color: #fff;
    background: #6FD376;
    width: 169.5px;
    height: 56px;
    font-size: 16px;
    line-height: 19px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    padding: 19px 0 18px;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    right: 50px;
}
.btn-report, .btn-report_continuous {
    float: right;
    border: none;
    padding: 10px;
    color: #fff;
    background: #6FD376;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 16px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    padding: 13px 0 13px;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.btn-report > img, .btn-preview > img, .btn-report-delete > img, .btn-addpdf > img {
    margin-right: 7px;
    vertical-align: middle;
    height: 15px;
}
.btn-report-delete {
    float: right;
    border: none;
    padding: 10px;
    background: #fff;
    color: #0000008A;
    width: 120px;
    height: 40px;
    font-size: 16px;
    line-height: 16px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    padding: 13px 0 13px;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-left: 18px;
}
.over-chart {
    background: rgba(255, 255, 255, 0.8);
    float: right;
    height: 371.5px;
    margin-top: -371.5px;
    margin-right: 0px;
    overflow: visible;
    position: relative;
    width: 100%;
    color: #FFFFFF;
    z-index: 10;
}
.over-chart span {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.54);
    line-height: 21px;
    transform: translate(-50%, -50%);
}
.box-inspection_top {
    margin:13px 0;
    display: block;
    height: 56px;
}
.box-inspection_top > p {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    margin: 16px 21px 16px 0;
    color: #26324A;
}
.box-inspection_top > p > a {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 19px;
    color: #26324A;
}
.box-inspection_top > span {
    font-size: 16px;
    line-height: 19px;
    color: #26324A;
    font-style: italic;
    margin: 18.5px 0;
}
.box-report_top {
    height: 56px;
    position: absolute;
    width: calc(100% - 261px);
}
#continuous_report_top {
    height: 56px;
    width: calc(100% - 261px);
    display: flex;
    flex-direction: column;
}
.box-report_top > p {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    margin: 0px 21px 16px 0;
    color: #26324A;
}
.box-report_top > p > a, #continuous_report_top > h4 > a {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 19px;
    color: #26324A;
    display: block;
}
.box-report_top > span {
    font-size: 16px;
    line-height: 19px;
    color: #26324A;
    font-style: italic;
    margin: 18.5px 0;
}
#inspection-scroll::-webkit-scrollbar-track {
    background-color: #F7F7F7;
}
#inspection-scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #E2E2E2;
}
#inspection-scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #E2E2E2;
}
.content-inpspection_infomation > span {
    display: block;
    padding: 13px 0 17px;
    font-size: 16px;
    line-height: 19px;
    color: #26324A;
    font-weight: 500;
    border-bottom: 1px solid #F0F0F0;
}
.content-inpspection_infomation > span:last-child {
    display: block;
    padding: 22px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    border-bottom: none;
}
.content-inpspection_infomation > span > img {
    height: 24px;
    vertical-align: middle;
    margin-right: 30px;
}
.content-inpspection_infomation > span:last-child > img {
    height: 24px;
    vertical-align: top;
    margin-right: 30px;
}
.content-inpspection_infomation > span > a {
    margin-left: 30px;
    font-size: 18px;
    line-height: 24px;
    color: #26324A;
    font-weight: bold;
}
.content-radon_result {
    display:inline-block; 
    width: 90px; 
    margin-right: 40px;
}
.content-radon_result:last-child {
    display:inline-block; 
    width: 90px; 
    margin-right: 0;
}
.content-radon_result > span {
    font-size: 23px;
    color: #26324A;
    margin-right: 5px;
    font-weight: bold;
}
.content-radon_result > span > b {
    color: rgba(0, 0, 0, 0.54);
    font-size: 14px;
    font-weight: 500;
}
.txt-radon_result {
    border-top: 2px solid #6FD376;
    text-align: center;
    padding: 10px 0 0;
    margin-top: 5px;
}
.txt-radon_result > a{
    font-size: 16px;
    color: #26324A;
}
#map {
    position: relative !important;
    min-width: 300px;
    min-height: 265px;
    max-width: 350px;
    display: inline-block;
    float: right;
}
.vm {
    vertical-align: middle;
}
.pointer {
    cursor: pointer;
}
.dropzone-wrapper {
    text-align: center;
}
.btn-rotate {
    width:50px;
    height : 50px;
    font-size: 20px;
    background: none;
    border: none;
    float: right;
    margin-top: -40px;
    display: none;
}
.daterangepicker th.month {
    width: auto;
    background: #F0F0F0;
    color: #000000 !important;
}
.daterangepicker .drp-buttons .btn-primary {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    background: #6FD376;
    width: 90px;
    height: 40px;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 3px 6px 0 #D1D0D0 !important;
}
.box-Continuous_top {
    display: block;
    height: 56px;
    width: 96%;
    margin: 2.8% 2% 1.7% 2%;
    float: left;
}
.box-Continuous_top > p:first-child {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    margin: 16px 21px 16px 0;
    color: #26324A;
}
.box-Continuous_bottom {
    width: 340px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    height: 50px;
}
.btn-report_continuous {
    width: 160px;
    height: 50px;
    border-radius: 5px;
}

.continuous_report_title {
    width: 100%;
    display: block;
    font-size: 20px;
    color: #8C94A2;
    font-weight: 500;
    margin-bottom: 20px;
}
.continuous_report_title > strong {
    color: #26324A;
}
.continuous_report_button_left {
    width: calc((100% - 802px)/2);
    float: left;
    box-sizing: border-box;
    text-align: right;
}
.continuous_report_button_left > p {
    margin: 0;
    font-weight: 500;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
}
.continuous_report_content {
    width: 800px;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    display: flex;
    box-sizing: border-box;
    float: left;
    z-index: 1000;
    border-radius: 10px;
        padding: 0 2% 2%;;
    flex-direction: column;
}
.continuous_report_content > div {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
}
.continuous_report_content > div > h5 {
    color: #26324A;
    font-size: 20px;
    margin: 0;
}
.continuous_report_content > div > label, .continuous_report_box > .fl > label, .continuous_report_box > .fr > label, .continuous_report_box > p {
    display: block;
    color: #8C94A2;
    margin: 15px 0 10px 0;
    font-size: 12px;
    font-weight: 500;
}
.continuous_report_subtitle {
    margin: 15px 0 10px 0 !important;
    display: block;
    color: #8C94A2;
    font-size: 12px;
}
.checkpoint {
    background-color: rgba(111, 211, 118, 0.5);
    color: #26324A !important;
}
.report_selectbox {
    height: 37px;
    line-height: 37px;
    border: 1px solid rgba(118, 118, 118, 1.0);
    padding: 0 20px;
    position: relative;
}
.report_selectbox > ul {
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    z-index: 2000;
}
.ins_selectbox > ul {
    top: 20px;
}
.report_selectbox > span {
    float: left;
    font-size: 18px;
}
.report_selectbox > i {
    float: right;
    font-size: 24px;
    margin-top: 5px;
}
/*only inspection selectbox*/
.ins_selectbox, #select-state {
    height: 20px;
    width: 140px;
    line-height: 20px;
    border: 0;
    border-bottom: 2px solid #6FD376;
    padding: 0;
}
.ins_selectbox:nth-of-type(2) {
    margin-bottom: 5px;
}
.ins_selectbox > span, #duple_select{
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 5px;
}
.ins_selectbox > i {
    font-size: 18px;
    margin: 0;
}
.ins_input_box {
    height: 20px !important;
    border: 0;
    border-bottom: 2px solid #6FD376;
    padding: 0;
    width: 80%;
    display: block;
    font-weight: 500;
    word-break: break-word;
    color: #000;
    font-size: 12px;
}
.ins_value {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 5px;
}
.checkpoint > .edit_report_btn {
    display: block;
}
.edit_report_btn {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
    color: #6FD376;
    font-weight: bold;
    display: none;
    font-size: 13px;
}
.continuous_report_option, .add-client-button, .continuous_client_list, .inspection_report_option {
    list-style: none;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
    color: #ccc;
    position: relative;
}
.inspection_report_option  {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.continuous_report_option:hover, .continuous_client_list:hover, .inspection_report_option:hover {
    background-color: rgba(111, 211, 118, 0.5);
}
.continuous_report_option label, .continuous_client_list label {
    width: 100%;
    cursor: pointer;
}
.select_other {
    position: absolute;
    top: 2;
    right: 200;
    width: 160px;
    height: 30px;
    background: none;
    border: 0;
    font-size: 11px;
}
#customhourModal-title {
    text-align: left;
    color: inherit;
    margin-left: 50px;
}
#customhourModal-body {
    padding-top: 20px;
}
.customhourModal-content {
    display: flex;
    padding: 0 40px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.customhourModal-content > label {
    width: 140px;
    height: 40px;
    line-height: 40px;
}
.customhourModal_text {
   line-height: 40px;
}
input[class="report_checkbox"] {
    display: block !important;
    width: 20px;
    height: 20px;
    margin: 10px 20px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    float: left;
}
input[class="report_checkbox"]:checked::after{
    content:'\2714';
    font-size: 20px;
    position: absolute;
    top: -5px;
    left: 0;
}
input[class="check_week"] {
    display: inline-block !important;
    width: 50px;
    height: 20px;
    padding-top: 20px;
    vertical-align: middle;
}
.timepickerbox {
    width: 175px;
    height: 40px;
    border: 1px solid rgb(118, 118, 118);
    display: flex;
}
.timepicker, .timepicker_right {
    border: none;
    width: 145px;
}
.btn_box {
    display: flex;
    flex-direction: column;
}
.btn_box > button {
    border: none;
    background: none;
    width: 30px;
    padding: 0;
    outline: none;
    cursor: pointer;
}
.add-client-button {
    cursor: pointer;
    color:#6FD376;
    font-weight: bold;
    margin-left: 60px;
    font-size: 13px;
}
.continuous_report_content > div > input {
    width: 100%;
}
.continuous_report_box {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
}
.continuous_report_box1 {
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
}
.continuous_report_box > div, .continuous_report_box1 > div {
    width: 42%;
}
.continuous_report_box > div > input {
    width: 100%;
    height: 37px;
}
.continuous_report_box > div > select {
    width: 100%;
    height: 37px;
    padding: 0 15px;
    background: url('../../images/icons/caret-down.png') no-repeat 95% 50%;
    background-size: 10px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
.continuous_report_box > div > select option {
    height: 40px;
    line-height: 40px;
}
.continuous_report_bottom{
    border-bottom: none !important;
}
.continuous_report_bottom > .btn-report {
    width: 200px;
}
.continuous-title_mobile {
    display: none;
}
.continuous-title_mobile > span {
    display: none;
}
.box-dateRange {
    background: #fff;
    cursor: pointer;
    padding: 19px 15px;
    border: 1px solid #ccc;
    width: 320px;
    height: 56px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.3);
    float: right;
}
.box-dateRange:hover {
    background: #fff;
    cursor: pointer;
    padding: 19px 15px;
    border: 1px solid #ccc;
    width: 320px;
    height: 56px;
    box-sizing: border-box;
    border: 1px solid #6FD376;
    float: right;
}
.box-dateRange > img {
    width: 18px;
    height: 20px;
} 
.box-dateRange > span {
    font-size: 16px;
    line-height: 19px;
    color: #4B515D;
    vertical-align: top;
}
#dateRange {
    background-image: url(../../images/icons/ic_calendar.png);
    background-repeat: no-repeat;
    background-position: 14px;
    padding-left: 50px;
    font-size: 16px;
    line-height: 19px;
    color: #4B515D;
    vertical-align: top;
}
#select-device_name {
    float: right;
    min-width: 320px;
    height: 56px;
    padding: 15px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    border: none;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
}
#continuous_searchForm {
    width: 370px;
    float: right;
}
#continuous_searchForm > input[type="search"] {
   width: 350px;
   height: 56px;
   border: none; 
   background-image: url(../../images/icons/ic_search.png);
   background-repeat: no-repeat;
   background-position:  15px;
   text-indent: 40px;
}
#continuous_searchBox > input[type="search"]:focus {
    background-image: none;
    background-position: -10px center;
    text-indent: 20px;
    width: 350px;
}
.dataRange-title_mobile {
    display: none;
}
.device_name-title_mobile {
    display: none;
}
.btn-download {
    border: none;
    color: #6FD376;
    background: #fff;
    width: 160px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    box-shadow: 0px 3px 6px 0 #d1d0d0;
    cursor: pointer;
    font-weight: 500;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
}
/*continuous*/
.wrapper-chart.continuous {
    min-height: 485px;
    padding: 0;
}
.top-continuous_chart {
    padding: 30px 50px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: content-box;
} 
.top-continuous_chart > span:first-child {
    font-size: 21px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    margin-right: 180px;
    cursor: pointer;
}
.top-continuous_chart > span {
    font-size: 18px;
    line-height: 21px;
    margin-right: 110px;
    color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    padding: 10px;
}
.continuous-chart {
    min-width: 310px; 
    margin: 0 auto; 
    padding:20px;
}
.pick_day {
    border-bottom: 3px solid #26324A;
}
.box-Continuous-download_m {
    display: none;
}
.continuous-download_m {
    display: none;
}
.box-login_left {
    background: #202A3E;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100vh;
    height: 100%;
    width: 522px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
.login_left {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 13%;
}
.login_left > img {
    position: absolute;
    bottom: -10px;
    right: -15px;
}
.txt-login_left {
    margin-top: 260px;
}
.txt-login_left > p:first-child{
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 300;
}
.txt-login_left > p{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 34px;
    color: #fff;
}
.txt-login_left > ul {
    width: 43%;
    margin: 0 auto;
    padding: 0;
}
.txt-login_left > ul > li {
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px;
    font-weight: 300;
    list-style: none;
}
.txt-login_left > ul > li > img {
    width: 16px;
    margin-right: 14px;
}
.line-login_left {
    width: 85px;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}
.wrapper-login_right {
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 522px;
    z-index: 820;
    min-height: 100vh;
    height: 100%;
    background-color: #fff;
    min-width: 918px;
    display: block;
}
.wrapper-forgetPw_right {
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 522px;
    z-index: 820;
    min-height: 100vh;
    height: 100%;
    background-color: #202A3E;
    min-width: 918px;
    display: block;
    border-left: 1px solid #000;
}
.login-go_signup {
    text-align: center;
    margin-top: 40px;
}
.login-go_signup.forgetPw > span {
    color: #fff;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;;
    font-weight: bold;
    text-decoration: underline;
}
.login-go_signup.forgetPw > span > b {
    color: #6FD376;
    text-decoration: underline;
}
.btn-go_signup {
    color: #6FD376 !important;
    font-size: 16px;
    font-weight: bold !important;
    line-height: 19px;
    text-decoration: underline;
    cursor: pointer;
}
.btn-go_login-pw {
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 19px;
    cursor: pointer;
}
.login-go_signup > span {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #26324A;
    margin-right: 19px;
}
.box-forgetPw-right {
    width: 550px;
    transform: translate(0%, 50%);
    position: absolute;
    bottom: 50%;
    left: 50%;
}
.box-forgetPw-right > p:first-child {
    font-size: 36px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 27px;
}
.box-forgetPw-right > p:nth-child(2) {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 31px;
}
.box-forgetPw-right > p:nth-child(3) {
    margin-top: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 83px;
}
.box-forgetPw-right > p:nth-child(4) {
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.box-forgetPw-right > label {
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}
.box-forgetPw-right > input {
    width: 548px;
    height: 48px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
    margin-bottom: 24px;
}
.box-checkEmail-right {
    width: 550px;
    margin: 0 auto;
    transform: translate(-50%, -50%) translate(261px, 0);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
}          
.box-checkEmail-right > p:first-child {
    color: #fff;
    font-size: 28px;
    margin-bottom: 31px;
}
.box-checkEmail-right > p:nth-child(2) {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.box-checkEmail-right > p:nth-child(3) {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}
.box-checkEmail-right > p:nth-child(4) {
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
}
.box-checkEmail-right > p:nth-child(5) {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}
.box-checkEmail-bottom {
    text-align: center;
    margin-top: 240px;
}
.box-checkEmail-bottom > p {
    color: #fff;
    font-size: 16px;
}
.box-checkEmail-bottom > p > span {
    color: #4ECB60; 
    text-decoration: underline;
}
.box-createPw-right {
    width: 550px;
    transform: translate(0%, 50%);
    margin: 0 auto;
}
.box-createPw-right > p:first-child {
    font-size: 36px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 27px;
    color: #4ECB60;
    text-align: center;
}
.box-createPw-right > p:nth-child(2) {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 100px;
    text-align: center;
}
.box-createPw-right > p:nth-child(3) {
    color: #fff;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}
.box-createPw-right > label {
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}
.box-createPw-right > input {
    width: 548px;
    height: 48px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
    margin-bottom: 24px;
}

.box-login-right {
    width: 550px;
    margin: 0 auto;
    padding-top: 260px;
}
.box-login-right > p:first-child {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #26324A;
    margin-bottom: 27px;
}
.box-login-right > p:nth-child(2) {
    margin-top: 0;
    color: #8C94A2;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 78px;
}
.box-login-right > label {
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 16px;
}
.box-login-right > input {
    width: 548px;
    height: 48px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
    margin-bottom: 24px;
}
.btn-login {
    display: -webkit-box;
    width: 548px;
    padding: 15px 0 14px;
    color: #fff;
    background: #6FD376;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    margin-top: 30px;
    cursor: pointer;
}
.btn-submit {
    display: -webkit-box;
    width: 548px;
    padding: 15px 0 14px;
    color: #fff;
    background: #6FD376;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-top: 10px;
    cursor: pointer;
}
.btn-login > a, .btn-submit > a {
    text-align: center;
    width: 100%;
    display: block;
    text-decoration: none;
}
.box-signup_left {
    background: #202A3E;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100vh;
    height: 100%;
    width: 522px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
.signup_left {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 13%;
}
.signup_left > img {
    position: absolute;
    bottom: -10px;
    right: -15px;
}
.txt-signup_left {
    margin-top: 260px;
}
.txt-signup_left > p:first-child{
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 300;
}
.txt-signup_left > p{
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 34px;
    color: #fff;
}
.txt-signup_left > ul {
    width: 43%;
    margin: 0 auto;
    padding: 0;
}
.txt-signup_left > ul > li {
    font-size: 17px;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px;
    font-weight: 300;
    list-style: none;
}
.txt-signup_left > ul > li > img {
    width: 16px;
    margin-right: 14px;
}
.line-signup_left {
    width: 85px;
    border-bottom: 1px solid #fff;
    margin: 0 auto;
}
.wrapper-signup_right {
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 522px;
    z-index: 820;
    min-height: 100vh;
    height: 100%;
    background-color: #fff;
    min-width: 918px;
    display: block;
}
.wrapper-createPw_right {
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 522px;
    z-index: 820;
    min-height: 100vh;
    height: 100%;
    background-color: #26324A;
    min-width: 918px;
    display: block;
}
.signup_right {
    padding: 240px 0 0 0;
    margin: 0 auto;
    display: table;
}
.box-signup-right {
    min-width: 550px;
}
.box-signup-right {
        min-width: 550px;
}
.box-signup-right > p:first-child {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: #26324A;
    margin-bottom: 16px;
    margin-top: 0px;
}
.box-signup-right > p:nth-child(2) {
    margin-top: 0;
    color: #8C94A2;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 34px;
}
.box-signup-right > label {
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 16px;
}
.box-signup-right > input {
    width: 548px;
    height: 48px;
    padding: 15px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #707070;
    margin-bottom: 24px;
}
.box-signup-right > input#userRePw {
    margin-bottom: 14px;
}
#span-not-invited {
    display: none;
    color: #E21111;
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 20px;
}
.btn-signup {
    /*display: -webkit-box;*/
    display: block;
    width: 548px;
    padding: 15px 0 14px;
    color: #fff;
    background: #6FD376;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 24px;
    cursor: pointer;
}
#employeeModal > .modal-dialog > .modal-content {
    width: 750px !important;
}
.img-exclamation {
    display: block; 
    width: 70px; 
    margin: 30px auto;
}
.box-select-account {
    /*padding-top: 80px;*/
}
.btn-account-admin {
    /*display: -webkit-box;*/
    display: inline-block;
    width: 548px;
    padding: 15px 0 14px;
    color: #fff;
    background: #6FD376;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 36px;
    cursor: pointer;
}
.btn-account-employee {
    /*display: -webkit-box;*/
    display: block;
    width: 548px;
    padding: 15px 0 14px;
    color: #424E64;
    background: #fff;
    border: 1px solid #424E64;
    border-radius: 24px;
    font-size: 16px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom: 36px;
    cursor: pointer;
}
.index-footer {
    position: absolute;
    bottom: 10px;
    left: calc(50% + 41px);
}
.span-signup_gray {
    display: block;
    color: #8C94A2;
    font-size: 14px;
    line-height: 19px;
}
.span-signup_gray > b {
    display: block;
    color: #6FD376;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400;
    display: inline-block;
}
.p-go_login {
    line-height: 21px;
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #26324A;
}
.p-go_login > b {
    margin-left: 14px;
    font-size: 18px;
    color: #6FD376;
    cursor: pointer;
}
.infowindow-title {
    line-height: 19px;
    color: #26324A;
    font: 500 13px Roboto, Arial, sans-serif !important;
}
.infowindow-title > p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 6px;
}
.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 0px !important;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.box-device_sorting {
    width: 281px;
    height: 460px;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    position: absolute;
    right: 20px;
    margin-top: 50px;
    z-index: 10;
    display: none;
}
.box-device_sorting > ul {
    margin: 0;
    padding: 0;
}
.box-device_sorting > ul > li {
    list-style: none;
    height: 57px;
    padding: 16px 19px;
    box-sizing: border-box;
}
.box-device_sorting > ul > li.active {
    list-style: none;
    height: 57px;
    padding: 16px 19px;
    box-sizing: border-box;
    background: #EEEEEE;
}
input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label:before {
    content: "\2714";
    border: 1px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding: 0.1em;
    /* padding-bottom: 0.3em; */
    margin-right: 11px;
    vertical-align: bottom;
    color: transparent;
    float: left;
}
input[name=all] + label:before {
    content: "\2014";
    border: 1px solid rgba(0, 0, 0, 0.54);
    border-radius: 2px;
    display: inline-block;
    width: 13px;
    height: 16px;
    padding-left: 0.2em;
    /* padding-bottom: 0.3em; */
    margin-right: 11px;
    vertical-align: bottom;
    color: transparent;
}
input[type=checkbox]:checked + label:before {
    background-color: #6FD376;
    border-color: #6FD376;
    color: #fff;
}
input[type=checkbox]:checked + .label-report:before {
    /* background-color: #AC4242;
    border-color: #AC4242;
    color: #fff; */
    background-color:#fff;
    border-color:rgba(0, 0, 0, 0.54);
    color: rgba(0, 0, 0, 0.54);
}
input[type=checkbox]:disabled + label:before {
    border-color: #aaa;
}
input[type=checkbox]:checked:disabled + label:before {
    background-color: #bfb;
    border-color: #bfb;
}
input[name=deviceInput]:checked + label:before {
    background-color: #fff;
    border-color: #AAB0BA;
    color: #464646;
}
input[name=deviceInput] + label:before {
    content: "\2714";
    border: 1px solid #AAB0BA;
    border-radius: 2px;
    display: inline-block;
    width: 18px;
    height: 19px;
    padding-left: 0.2em;
    /* padding-bottom: 0.3em; */
    margin-right: 11px;
    vertical-align: bottom;
    color: transparent;
    background: #fff;
}
input[type=checkbox] + .remember {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}
input[type=checkbox] + .remember:before {
    content: "\2714";
    border: 2px solid #6FD376;
    border-radius: 4px;
    display: inline-block;
    width: 17px;
    height: 17px;
    padding: 0em 0em;
    /* padding-bottom: 0.3em; */
    margin-right: 8px;
    vertical-align: text-bottom;
    color: transparent;
    line-height: 1em;
}
.popup-device_info {
    width: 1130px;
    position: absolute;
    z-index: 100000;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: absolute;
    bottom: 59%;
    right: calc(50% - 0px);
    transform: translate(50% , 50%) translate(131px);
    display: none;
}
.popup-device_info_m {
    display: none;
}
.popup-exp_info {
    display: none;
}
.popup-device_info > span {
    display: block;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 21px;
    line-height: 24px;
    color: #26324A;
    padding: 24px;
    font-weight: bold;
    padding-left: 50px;
}
.popup-device_info > span > p {
    display: inline-block;
    margin: 0;
    float: right;
}
.title-popup > p > a {
    cursor: pointer;
}
.title-popup > p > img:first-child {
    vertical-align: middle;
    margin-right: 65px;
    margin-left: -65px;
    width: 24px;
    height: 24px;
}
.title-popup > p > img:nth-child(2) {
    vertical-align: middle;
    margin-right: 50px;
    margin-left: -50px;
}
.popup-wrapper-inpspection_infomation{
    width: 100%;
    float: left;
    padding: 40px;
    height: 300px;
    box-sizing: border-box;
}
.popup-box_center {
    float: left;
    min-width: 420px;
    height: 265px;
    border: 1px solid #F0F0F0;
    width: 470px;
    margin: 0 20px 0 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.content-status_info > span {
    display: block;
    padding: 11px 0 11px 21px;
    font-size: 17px;
    line-height: 24px;
    color: #757575;
    font-weight: 500;
    width:50%;
    float: left;
    box-sizing: border-box;
    border-bottom: 1px solid #F0F0F0;
    height: 48px;
}
.content-status_info > span:first-child {
    display: block;
    padding: 11px 0 11px 21px;
    font-size: 17px;
    line-height: 24px;
    color: #757575;
    font-weight: 500;    
    box-sizing: border-box;
}
.content-status_info > span:last-child {
    display: block;
    padding: 11px 0 11px 21px;
    font-size: 17px;
    line-height: 24px;
    color: #757575;
    font-weight: 500;    
    box-sizing: border-box;
    width: 100%;
    border-bottom: none;
}
.content-status_info > span > p {
    display: inline-block;
    height: 24px;
    width: 40px;
    margin: 0;
} 
.content-status_info > span > p > img {
    vertical-align: middle;
}
.content-status_info > span:last-child > img {
    height: 24px;
    vertical-align: top;
    float: left;
}
.fs17 {
    font-size: 17px !important;
}
.text_status {
    color: #6FD376 !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
}
.text_time {
    font-size: 18px;
    color: #26324A;
}
.content-status_info > span > a {
    font-size: 18px;
    line-height: 24px;
    color: #26324A;
    font-weight: bold;
}
.box-radon_set {
    width: 30%;
    float: left;
    text-align: center;
}
.box-radon_set > a {
    display: block;
    border-bottom: 2px solid #6FD376;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 5px;
    color: #26324A;
    font-weight: bold;
}
.popup-box_left {
    display: inline-block;
    float: left;
    height: 265px;
    width: 262px;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: 1px solid #F0F0F0;
    position: relative;
}
.donut {
    display:inline-block;
    position:relative;
    width:260px;
    height:260px;
}
.donut > svg circle {
    stroke-dasharray: 3.14 * 2 * 50;
    stroke-linecap:round;
    cx: 108 !important;
    cy: 102 !important;
    r: 92 !important;
    stroke-width: 17 !important;
}
.donut > svg circle:last-child:hover {
    stroke-dasharray: 3.14 * 2 * 50;
    stroke-dashoffset: (3.14 * 2 * 50)/2;
    stroke-linecap:round;    
    transition:stroke-dashoffset 1s;
}
.donut > svg {
    transform:rotateZ(-135deg);
    width: 245px !important;
    height: 230px !important;
}
.popup-box-chart {
    margin-top: 20px;
    padding: 40px;
    width: 100%;
    max-width: 1130px;
    float: left;
    min-height: 380px;
    box-sizing: border-box;
}
#canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.text-inner_donut {
    position: absolute;
    top: 55%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.text-inner_donut > span:first-child {
    color: #26324A;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
}
.text-inner_donut > span:first-child > b {
    color: #26324A;
    font-size: 33px;
    font-weight: bold;
    font-style: italic;
}
.text-inner_donut > span {
    color: #4ECB60;
    font-size: 16px;
    line-height: 31px;
    display: block;
    font-weight: 400;
}
.text-inner_donut-ready {
    position: absolute;
    top: 55%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.text-inner_donut-ready > span:first-child {
    font-size: 30px;
    color: #8C94A2;
    font-weight: bold;
    font-style: italic;
}
.text-inner_donut-ready > span:first-child > b {
    color: #26324A;
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}
.text-inner_donut-ready > span {
    font-size: 16px;
    line-height: 24px;
    display: block;
    font-weight: bold;
    color: #8C94A2;
}
.popup_humi > a {
    color: #26324A;
    font-size: 21px;
    line-height: 36px;
    font-weight: bold;
}
.popup_temp > a {
    color: #26324A;
    font-size: 21px;
    line-height: 36px;
    font-weight: bold;
}
.popup_humi > img {
    vertical-align: sub;
}
.popup_temp > img {
    vertical-align: sub;
}
.popup_temp {
    margin-right: 20px;
}
.popup-box_temphumi {
    text-align: center;
}
.overlay {
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}
#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #6FD376;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 8000000000;
    display: none;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loading_circle {
    position: absolute;
    z-index: 100;
    transform: translate(-50%, -50%) translate(131px, 0);
    bottom: 50%;
    left: 50%;
    display: none;
}
#table-client_wrapper > .bottom {
    padding: 18px;
}
#table-template_wrapper > .bottom {
    padding: 18px;
}
#table-client, #table-template {
    background: #fff;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    border-bottom: none;
}
#table-client > tbody, #table-template > tbody {
    display: table-row-group;
}
#table-client > thead > tr:first-child, #table-template > thead > tr:first-child {
    height: 66px;
    background: rgba(140, 148, 162, 0.1);
    padding: 10px;
    box-sizing: border-box;
}
#table-client > thead > tr > th, #table-template > thead > tr > th{
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    padding: 12px 18px;
    background: rgba(140, 148, 162, 0.1);
    text-align: center;
    font-size: 16px;
    color: #26324A;
    border-style: none;
}
#table-client > thead > tr > th:last-child, #table-template > thead > tr > th:last-child {
    border-right: none;
    border-bottom: none;
    padding: 12px 18px;
}
#table-client > tbody > tr > td, #table-template > tbody > tr > td {
    text-align: left;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    padding: 26px 21px 21px 50px;
    line-height: 24px;
    border-left: none;
}
#table-template > tbody > tr > td {
    text-align: center;
    padding: 21px 0;
}
#table-client > tbody > tr > td > img, #table-template > tbody > tr > td > img {
    margin-right: 10px;
    display: none;
}
.report-title_mobile {
    display: none;
}
#table-report_wrapper > .bottom {
    padding: 18px;
}
#table-report {
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    border-bottom: none;
}
#table-report > tbody {
    display: table-row-group;
}
#table-report > thead > tr:first-child {
    height: 66px;
    background: rgba(140, 148, 162, 0.1);
    padding: 10px;
    box-sizing: border-box;
}
#table-report > thead > tr > th {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: none;
    padding: 12px 18px;
    background: rgba(140, 148, 162, 0.1);
    text-align: center;
    font-size: 16px;
    color: #26324A;
}
#table-report > thead > tr > th:last-child {
    border-right: none;
    border-bottom: none;
    padding: 12px 18px;
}
#table-report > tbody > tr > td {
    text-align: center;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    padding: 21px;
    line-height: 16px;
    border-left: none;
}
#table-report > tbody > tr > td > i{
    margin-right: 10px;
    font-size: 20;
}
#table-report > tbody > tr > td > .img_arrow {
    display: none;
}
.icon-report {
    width: 19px;
}
.edit-client-btn, .duplicate-btn, .delete-client-btn {
    padding: 18px 0 18px 17px;
    color: rgba(0, 0, 0, 0.54);
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-align: left;
}
.edit-client-btn > img, .duplicate-btn > img, .delete-client-btn > img {
    margin-right: 18px;
}
.edit-client-btn:hover, .duplicate-btn:hover, .delete-client-btn:hover {
    background: #EEEEEE;
    color: #26324A;
}
.add-client-btn {
    width: 200px;
    height: 56px;
    background: #6FD376;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    color: #fff;
    border: none;
    font-size: 16px;
    line-height: 19px;
    float: right;
    cursor: pointer;
    margin-top: 17px;
}
.add-client-btn > img {
    margin-right: 10px;
    vertical-align: top;
}
.box-account {
    margin: 0 auto;
    border: none;
    margin-top: 30px;
}
.setting-admin {
    display: none;
    margin-top: 37px;
    width: 100%;
}
.text-setting-account {
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
}
.text-setting-company {
    margin-top: 37px;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 17px;
}
.setting-notice {
    color: #8C94A2;
    font-size: 14px;  
}

.setting-cal-email-title {
    color: #2b2b2b;
    font-size: 14px;  
}

.setting-cal-email-msg {
    color: #000000;
    font-size: 16px;  
}


.setting-cal-container {
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
}

.setting-cal-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

/* 숨겨진 체크박스 */
.setting-cal-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* 슬라이더 스타일 */
.setting-cal-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 29px;
}

.setting-cal-slider::before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.setting-cal-switch > input:checked + .setting-cal-slider {
    background-color: #4CAF50;
  }

.setting-cal-switch input:checked + .setting-cal-slider::before {
    transform: translateX(26px);
}

#companyLogo {
    width: 100%;
    height: 38px;
    border: none;
    border-radius: 24px;
    padding-left: 21px;
}

#imgSign {
    width: 100%;
    height: 38px;
    border: none;
    border-radius: 24px;
    padding-left: 21px;
}

.setting-choose-file {
    width: 20%; float: left;
}
.setting-choose-file > label {
    color: #868686;
    font-size: 12px;
    text-align: center;
    background: #D1D3D6;
    border-radius: 14px;
    cursor: pointer;
    padding: 6px 14px;
    margin-top: 5px;
    display: inline-block;
    box-sizing: content-box;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.report-top_mobile {
    display: none;
}
.box-report, .continuous_report {
    height: 841px;
    width: 612px;
    border: 1px solid rgb(180, 180, 180);
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    display: inline-block;
    padding-top: 10px;
    box-sizing: border-box;
    float: left;
    z-index: 1100000;
    position: relative;
}
.box-preview-btn {
    display: none;
}
.report-preview_btn {
    display: none;
}
.report_info-txt {
    margin-top: 10px;
    font: normal normal normal 10px/22px Roboto;
    letter-spacing: 0px;
    color: #888888;
    margin-left: 24px;
    line-height: 16px;
    font-size: 10px;
}
.title-report_temp {
    padding: 0 20px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 15px;
}
.content-report_temp {
   padding: 0 20px; 
   font-size: 12px;
}

.content-report_state_notice {
    font-style: italic;
    padding: 0 20px; 
    font-size: 12px;
 }

.content-report_temp:nth-of-type(3){
    font-weight: 500;
    margin-top: 26px;
    font-size: 12px;
}
#state-info, #aarst_state_info {
    margin-bottom: 10px;
    display: block;
    font-size: 12px;
}

.report-main-test-limit {
    position: absolute;
    margin: 0px 40px;
    bottom: 40px;
    line-height: 1.2;
}

.report-bottom {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: calc(100% - 40px);
    box-sizing: border-box;
    font: normal normal normal 10px/22px Roboto;
    letter-spacing: 0px;
    color: #888888;
    border-top: 1px solid #888;
    margin: 0 20px;
    padding-top: 5px;
}
.report-bottom > span:nth-child(2) {
    float: right;
}
.box-report_title {
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 0 20px;
    font-size: 10px;
}
.box-report_title > p:first-child {
    font-size: 21px;
    font-weight: bold;
    line-height: 24px;
    color: #000;
    margin: 10px 0 5px;
    text-align: center;
}
/* .box-report_title > p:nth-child(2) {
    width: 45%;
    display: inline-block;
    float: left;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
}  */
.box-report_title > p > b {
    color: #000;
    font-size: 12px;
}
/* .box-report_title > p:last-child {
    width: 55%;
    display: inline-block;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
}  */
.box-report_logo {
    margin: 0 auto;
    text-align: center;
    padding: 0px;
    height: 90px;
    width: 430px;
    border: 2px dashed #707070;
}
.box-report_logo > p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    margin: 5px;
}
.aarst_mark {
    position: absolute;
    top: 10px;
    right: 24px;
    color: #4A4A4A;
    font-size: 12px; 
    margin: 0;
}
.file-select-name {
    font-size: 11px;
}
.box-report_content > p {
    font-size: 21px;
    text-align: center;
    color: #000;
    line-height: 24px;
    font-weight: bold;
    margin-top: 3px;
}
.wrapper-report_map {
    width: 120px;
    height: 96px;
    float: left;
    padding: 0;
    margin-top: 35px;
}
.wrapper-report_map > p {
    display: block;
    color: #8C94A2;
    margin: 0px 0 0 0;
    font-size: 11px;
    font-weight: 500;
}

.content-TestResult-Div {
    width: 280px;
    display: flex;
    flex-direction: column;
    margin-left: 40px;
}

.content-TestResult-Div-Value {
    display: flex;
    align-items: center;
}

.content-TestResult-Title {
    display: inline;
    color: #8C94A2;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 500;
    width: 85px;
}

.content-TestResult-Value {
    display: inline;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

.content-TestResult {
    display: flex;
    align-items: center;
    width: 550px;
    float: left;
    padding: 5px 0;
}

.content-TestResult > p:first-child{
    font-size: 17px;
    line-height: 24px;
    color: #000;
    margin: 10px 0 10px 0;
}

.content-TestResult > p {
    display: block;
    color: #8C94A2;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

.content-TestResult > span { 
    display: inline;
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.result-Span {
    /*position: relative; 
    min-height: 84px; 
    flex-direction: column;
    justify-content: flex-start;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 첫 번째 span이 중간에 오고, 마지막 span은 아래로 */
    min-height: 84px; /* 높이 조정 가능 */
}

.text-group {
    display: flex;
    align-items: center; /* 첫 번째와 두 번째 span을 같은 줄에 정렬 */
    margin-top: 20px; /* 자동으로 중간 정렬 */
}

.text-group > span  {
    display: inline;
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.content-TestResult-CA {
    display: flex;
    align-items: center;
    width: 550px;
    float: left;
    padding: 15px 0;
}

.content-TestResult-CA > p:first-child{
    font-size: 17px;
    line-height: 24px;
    color: #000;
    margin: 10px 0 10px 0;
}

.content-TestResult-CA > p {
    display: block;
    color: #8C94A2;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

.content-TestResult-CA > span { 
    display: inline;
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
.content-TestResultImg {
    float: left;
    padding: 0;
    text-align: center;
}

.box-report_deviceInfo{
    padding: 20px 20px 10px;
}

.box-report_inspectionInfo, .box-report_inspectionDetails, .box-report_deviceInfo, .box-report_inspectorInfo, .box-report_TestResult {
    margin: 5px 20px;
    display: flex;    
}
.box-report_TestResult {
    align-items: center;
    justify-content: left;
}
/* .box-report_inspectionInfo {
    border-top: 1px solid #F0F0F0;
} */
.box-report_TestResult{
    padding: 0 0 0 20px;
    border: 2px solid #F0F0F0;
    
}
.box-report_inspectionDetails, .box-report_deviceInfo, .box-report_inspectorInfo  {
    /* border-top: 1px solid #F0F0F0; */
    padding: 0 20px;
    flex-direction: column;
}
.content-inspectionInfo > h4, .box-report_inspectionDetails > h4, .box-report_deviceInfo > h4, .box-report_inspectorInfo > h4 {
    margin: 5px 0 5px 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
.content-inspectionInfo {
    width: calc(100% - 180px);
    float: left;
}
.content-continuousInfo {
    width: calc(100% - 180px);
    float: left;
    padding-left: 20px;
}
/*.content-continuousInfo > .continuous_report_box {
    margin: 6px 0;
}*/ 

.content-continuousInfo > h4, .fl > h4, .fr > h4{
    font-size: 14px;
    margin: 10px 0;
    color: #000;
    font-weight: 500;
}
.content-inspectionInfo {
    font-weight: 500;
    padding-left: 20px;
}
.content-continuousInfo > p, .content-continuousInfo > .continuous_report_box > div > p,.continuous_report_box1 > div > p, .box-report_clientInfo > div > div > p, .box-report_inspectorInfo .continuous_report_box > div > p, .continuous_report_box > div > p,.continuous_report_box1 > div > p, .inspection_sub_title{
    color: #8C94A2;
    font-weight: 500;
    margin: 5px 0 0 0;
    font-size: 12px;
}
.content-inspectionInfo > span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    word-break: break-word;
}
.content-continuousInfo > span, .content-continuousInfo > .continuous_report_box > div > span, .box-report_clientInfo > div > div > span, .box-report_inspectorInfo .continuous_report_box > div > span, .inspection_value{
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: 500;
    word-break: break-word;
    margin-bottom: 5px;
}
.box-report_inspectorInfo{
    padding: 0px 0px 0px 20px;
    border-top: 0px solid #F0F0F0;
}

.box-report_clientInfo {
    margin: 0px 20px;
    border-top: 0px solid #F0F0F0;
}

.box-report_inspectorInfo > p {
    margin-bottom: 10px;
}
.box-report_inspectorInfo > p > span:first-child {
    color: #8C94A2;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    width: 35%;
    padding-left: 30px;
    box-sizing: border-box;
    vertical-align: top;
}
.box-report_inspectorInfo > p > span:nth-child(2) {
    display: inline-block;
    width: 65%;
    padding-left: 40px;
    box-sizing: border-box;
    font-weight: 600;
    color: #000;
    line-height: 16px;
}
.report-date {
    color: #000;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    display: inline-block;
    width: 31%;
    margin-left: 30px;
    box-sizing: border-box;
    float: left;
    border-top: 1px solid #000;
    padding-top: 11px;
}
.report-signature{
    display: inline-block;
    width: 53%;
    margin-left: 31px;
    box-sizing: border-box;
    font-weight: 500;
    color: #000;
    line-height: 16px;
    font-size: 12px;
    padding-top: 11px;
    border-top: 1px solid #000;
}
/*#select-client {
    border: none;
    border-bottom: 2px solid #6FD376;
    width: 90%;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    height: 25px;
}*/
#select-state {
    width: 50%;
    display: block;
    margin: 10px 20px;
}
input[type="file"] {
    display: none;
}
#label_file {
    padding: 3px 13px;
    display: table;
    color: rgba(0, 0, 0, 0.54);
    border: 1px solid #707070;
    border-radius: 3px;
    background: #F0F0F0;
    font-size: 7px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 10px;
}
.wrapper-button_left {
    width: calc((100% - 612px)/2);
    float: left;
    box-sizing: border-box;
    padding-right: 40px;
    text-align: right;
    height: 841px;
    padding-top: 390px;
}
.wrapper-button_right {
    width: calc((100% - 612px)/2);
    float: left;
    box-sizing: border-box;
    padding-left: 40px;
    height: 841px;
    padding-top: 390px;
    margin-bottom: 5px;
}
.btn-report_left {
    width: 40px;
    height: 40px;
    background: #6FD376;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: 19px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 110000;
    position: relative;
}
.btn-report_right {
    width: 40px;
    height: 40px;
    background: #6FD376;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: 19px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 110000;
    position: relative;
}
.box-environment, .box-comment {
    padding: 0 40px;
} 
/*inspection only*/
/*.box-environment > p,*/ .box-comment > p, .box-report_site > p {
    font-size: 14px;
    color: #2B2B2B;
    line-height: 26px;
    word-break: break-word;
}
.box-environment > textarea {
    height: 80px !important;
    width: 95%;
    border: 1px solid #ffffff;
    white-space: pre-wrap;
    resize:none;
}
.box-comment > textarea {
    height: 240px;
    width: 95%;
    border: 1px solid #707070;
}
.recommend_AARST {
    padding-left: 42px;
}
.recommend_AARST > label {
    display: flex;
    margin:0;
}
.recommend_AARST > button {
    padding: 10px 15px;
    border: 0;
    border-radius: 15px;
    margin-left: 20px;
    font-weight: 500;
}
.recommend_box > h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}
.recommend_box > ul {
    margin: 0 0 0 25px;
    padding: 0;
}
.recommend_box > ul li {
    list-style: square;
}
.recommend_box_title {
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0 0 0px; 
}

.recommend_box_msg {
    font-size: 12px;
    margin: 10px 0 0 0px; 
}

.red {
    color: red;
}
.yellow {
    color: #ff9900;
}
.green {
    color: #00b050;
}
.box-report_site {
    margin: 37px;
    text-align: center;
    padding: 16px;
    height: 122px;
    /* width: 595px; */
    border: 2px dashed #707070;
    margin-bottom: 34px;
    box-sizing: border-box;
}
.box-report_site > p {
    color: rgba(0, 0, 0, 0.54);
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}
.box-report_inspectionResult, .crm_report2, .box-report_inspectionTestInfo, .box-report_test-placement{
    margin: 0 20px !important;
    padding: 0 24px 60px 24px;
}
.box-report_test-placement, .box-report_test_device {
    border-top: 1px solid #f0f0f0;
}
.box-report_test_device {
    margin: 0 20px;
}
.box-report_inspectionTestInfo {
    padding: 0 0 15px 20px;
    display: flex;
    flex-direction: column;
}
.box-report_inspectionTestInfo > h4, .box-report_test_device > h4, .box-report_inspectionResult > h4, .box-environment > p, .box-comment > p, .aarst_report_title{
    margin: 15px 0 10px 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.inspection_sub_title, .box-report_inspectionResult > div > p{
    display: block;
    color: #8C94A2 !important;
    margin: 5px 0 0 0 !important;
    font-size: 12px !important; 
    font-weight: 500;
}
.box-report_test_device h5 {
    font-weight: normal;
    margin: 10px 0;
}
.crm_report2 {
    width: 86% !important;
}
.box_report_table > .report_table {
    margin: 10px 20px 0;
    height: 100%;
    border: 0;
}
.box_report_table > .report_table > table {
    width: 100%;
    border-collapse : collapse;
    display: table-cell;
}
.box_report_table table tbody {
    display: grid;
    border: 1px solid #000;
}
.box_report_table > .report_table > table tr, .box_report_table table tr {
    display: flex;
    height: 20.5px;
    border-top: 1px solid #000;
}
.box_report_table > .report_table > table tr:first-child, .box_report_table table tr:first-child {
    border-top: 0;
}
.box_report_table > .report_table > table td, .box_report_table table td{
    /*border : 1px solid black;*/
    border-collapse : collapse;
    font-size: 10px;
    word-wrap: break-word;
}
.box_report_table > .report_table > table td:first-child, .box_report_table table td:first-child {
    width: 70%;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
}
.box_report_table > .report_table > table td:last-child, .box_report_table table td:last-child {
    width: 30%;
    text-align: center;
}
.box_report_table > .report_table > table td > input[type="text"], .box_report_table > .report_table > table td > label > input[type="text"]{
    width: 80%;
    border: 0;
    border-bottom: 1px solid #000;
    height: 14px;
    padding: 0 5px;
}
.box_report_table > .report_table > ul > ol {
    padding: 0;
    font-size: 11px;
}
.box_report_table > .report_table > ul > ol > p ,.box_report_table > .report_table > ul > ol > ol > p{
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 10px;
}
.box_report_table > .report_table > ul > ol label {
    width: 100px;
}
.box_report_table > .report_table > ul > ol label input[type="text"] {
    width: 70px;
}
.box_report_table > .report_table > ul > ol input[type="text"] {
    width: 300px;
    border: 0;
    border-bottom: 1px solid #000;
    height: 16px;
    padding: 0 5px;
    margin-bottom: 10px;
}
.unselected {
    color: #ccc;
}
.unselection {
    color: red !important;
}
.test_value {
    font-size: 10px;
    font-weight: 500;
    word-break: break-word;
}
#test_table1, #test_table2 {
    border: 1px solid #000;
}
.box-report_inspectionResult {
    margin: 0 44px;
    display: inline-block;
    padding: 0 22px 40px 24px;
    width: 94%;
}
/*.box-report_inspectionResult > div > p {
    color: #8C94A2;
    font-size: 11px;
    line-height: 19px;
    margin-bottom: 5px;
    margin-top: 10px;
}*/
.continuous_value {
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}
.box-report_inspectionResult > div {
    width: 49%;
}
.wrapper-report_chart {
    background: #fff;
    max-height: 220px;
    border-top: 1px solid #F0F0F0;
    margin: 20px 20px 0 20px;
    padding-top: 40px;
}
.sign_chart {
    font-size: 10px;
    display: flex;
    justify-content: end;
}
.sign_chart > p {
    display: flex;
    flex-basis: 40%;
    align-items: center;
}
.sign_chart > p::before {
    content: "";
    flex-grow: 1;
    margin: 0px 10px;
    border: 1px solid #50b432;
    height: 2px;
    font-size: 0px;
    line-height: 0px;
    background: #50b432;
}
.sign_chart > p:nth-child(2)::before {
    background: #3F58F5;
}
.title-report_table {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    float: left;
    padding: 0 45px 0 24px;
    margin-top: 15px;
    border: 1px solid #000;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
} /*hourly radon only*/
.report_table_title {
    padding: 0 45px 0 40px !important;
}
.title-report_radon {
    margin-bottom: -20px !important;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    float: right;
    padding-right: 25px;
    color: #000;
}/*hourly radon only*/
.title-report_radon > span {
    text-decoration: underline;
}
.report_table {
    margin: 40px 24px 0;
    height: 650px;;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    border: 1px solid #000;
}
.report_table_col {
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    display: table-cell;
}
.report_table_col:last-child {
    border-left: 1px solid #000;
}
.report_table_col > ul {
    padding: 0px;
    margin: 0px;
}
.report_table_col > ul > li:first-child {
    padding: 7px 0;
    display: table;
    width: 100%;
    background: #F0F0F0;
    box-sizing: border-box;
}
.report_table_col > ul > li {
    list-style: none;
    padding-top: 7px;
    text-align: center;
}
.report_table_col > ul > li:nth-child(2) {
    padding-top: 18px;
}
.report_table_col > ul > li > span {
    color: #26324A;
    font-size: 11px;
    font-weight: 500;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.report_table_col > ul > li:first-child > span:first-child, .report_table_col > ul > li > span:first-child {
    width: 35%;
    padding: 0 10px;
}
.report_table_col > ul > li:first-child > span:nth-child(2) {
    width: 28%;
}
.report_table_col > ul > li:first-child > span:nth-child(3) {
    width: 18.5%;
}
.report_table_col > ul > li:first-child > span:nth-child(4) {
    width: 18.5%;
}
.report_table_col > ul > li > span:nth-child(2) {
    width: 28%;
}
.report_table_col > ul > li > span:nth-child(3) {
    width: 18.5%;
}
.report_table_col > ul > li > span:nth-child(4) {
    width: 18.5%;
}
.event_mark {
    display: flex;
}
.event_mark_type {
    text-align: left !important;
}
.event_mark_date {
    width: 65% !important;
}
.delete-file {
    background: #b9b9b9;
    padding: 0px 3px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin-left: 3px;
}
.title-verifyEmail {
    color: #2B2B2B;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}
.header-verifyEmail {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 10px;
}
.header-verifiedEmail {
    border: none;
    padding: 0 0 10px;
}
.header-employee-modal {
    padding: 0 0 10px;
}
.span-verifyEmail {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 12px 7px;
    background: rgba(111, 211, 118, 0.2);
    display: block;
}
.modal-employee-title {
    font-size: 18px;
    font-weight: bold;
    color: #2b2b2b;
    text-align: center;
    width: 100%;
}
.span-employee-modal {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 0px 7px;
    display: block;
    color: #2B2B2B;
    text-align: center;
    height: 99px;
    margin-bottom: 5px;
}
.span-verifedEmail {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background: #fff;    
    line-height: 26px;
    padding: 12px 7px;
    display: block;
}
.p_verifiedEmail {
    text-align: center;
    font-size: 16px;
    display: block; 
}
.span-resendEmail {
    color: #2B2B2B;
    font-size: 16px;
    line-height: 26px;
    display: block;
    font-weight: 500;
    padding: 28px 7px;
}
#resend_email_btn {
    float: none !important;
    margin: 0 auto;
    display: block;   
}
#resend_email_btn, #go_login, #send_forgetPw_btn, #resend_email, #close_modal, #important_modal {
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: #6FD376;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    width: 120px;
    float: left;
}
#ok-employee-modal {
    border: 1px solid #26324A;
    height: 50px;
    font-size: 16px;
    padding: 13px 0 15px;
    background: #fff;
    color: #26324A;
    width: 120px;
    border-radius: 0px;
    font-weight: 500;
    margin: 0 auto;
}
.wrapper-bottom_btn {
    text-align: center;
    padding: 20px;
    display: block;
}
.dot-page-marker {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
.dot-page {
    width: 8px;
    height: 8px;
    background: #8C94A2;
    border-radius: 50%;
    display: inherit;
    margin-right: 10px;
    opacity: 0.3;
}
.dot-page.selected {
    opacity: 1;
}
.btn-cancel_preview {
    width: 285px;
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    border: none;
    z-index: 120000;
    position: relative;
    padding: 16px;
    margin-top: 22px;
    margin-right: 13px;
    cursor: pointer;
}
.btn-save_report {
    width: 285px;
    background: #6FD376;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    z-index: 120000;
    position: relative;
    padding: 16px;
    margin-top: 22px;
    cursor: pointer;
}
#img-preview_logo, #continuous_img-preview_logo {
    width: auto;
    position: absolute;
    max-width: 585px;
    max-height: 110px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: none;
    max-height: 90px;
}

#img-preview_sign {
    width: auto;
    max-width: 150px;
    max-height: 110px;
    margin-bottom: 40px;
    display: none;
}

#img-preview_site, #img-preview_site2, #continuous_img-preview_site  {
    max-width: 100%;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: none;
    box-sizing: border-box;
    object-fit: scale-down;
    transform-origin: center; /* IE 10+, Firefox, etc. */
    -webkit-transform-origin: center; /* Chrome */
    -ms-transform-origin: center; /* IE 9 */
}
#img-preview_comment, #img-preview_comment2, #continuous_img-preview_comment {
    max-width: 100%;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: none;
    box-sizing: border-box;
    object-fit: scale-down;
    transform-origin: center; /* IE 10+, Firefox, etc.*/ 
    -webkit-transform-origin: center; /*Chrome */ 
    -ms-transform-origin: center; /*IE 9 */ 
}
#img-report_comment, #img-report_comment2, #img-report_site, #img-report_site2 {
    margin: 3% auto;
    display: none;
    object-fit: scale-down;
    box-sizing: border-box;
    transform-origin: center;
    max-width: 100%;
}
.html2canvas-container { width: 3000px !important; height: 10000px !important; }
.icon-report {
    cursor: pointer;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    display: inline-block;
    margin-left: 20px;
    font-family: FontAwesome;
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.2em;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #ddd;
    font-size: 1.2em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0d8";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0d7";
}
table.dataTable thead th.sorting:after {
    content: "\f0d8";
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.2em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #fff;

}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
    background: #fff;
}
.close-report_preview {
    position: relative;
    color: #9d9d9d;
    z-index: 11;
    text-align: right;
    width: 595px;
    margin: 0 auto;
    padding-left: 15px;
    font-size: 15px;
}
.close-report_preview > span {
    cursor: pointer;
    font-weight: bold;
}
.find-password {
    color: #6FD376;
    font-size: 16px;
    padding-left: 0px;
    float: right;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
}
#input-email {
    width: 100%;
    margin-bottom: 27px;
    border: 1px solid #707070;
}
.span-forgetPw {
    font-size: 14px;
    font-weight: 500;
    color: #2B2B2B;
    display: block;
    padding: 20px 0 10px 0;
}
.span-tempPwEmail, .span-pw {
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 12px 7px;
    display: block;
    text-align: center;
}
.span_tempPw {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    padding: 12px 7px;
    background: rgba(111, 211, 118, 0.2);
    display: block;
    margin-top: 20px;
}
.wrapper-support {
    padding: 50px;
    display: inline-block;
}
.hyperlink {
    color: #3465C6 !important;
    text-decoration: underline !important;
    cursor: pointer;
}
.wrapper-faq, .wrapper-new-update, .wrapper-video {
    width: 100%;
    margin-top: 60px;
    display: none;
}
.title-faq, .title-new-update, .title-video {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 65px;
}
.content-faq, .content-new-update, .content-video {
    width: 50%;
    margin: 0 auto;
}
.content-faq > p, .content-new-update > p, .content-video > p {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 1px;
}
.content-faq > span {
    padding-left: 40px;
}
.content-faq > span, .content-new-update > span, .content-video > span {
    font-size: 15px;
    margin-bottom: 17px;
    display: block;
    line-height: 18px;
}
.content-faq > ul {
    font-size:15px;
}
.content-new-update > ul {
    padding: 0;
    font-size:15px;
}
.content-new-update ul li, .content-faq ul li{
    list-style: inside;
    font-size:15px;
}
.content-new-update > span > a, .content-video > span > a{
    text-decoration-line: underline;
}
.title-support {
    color: #26324A;
    font-size: 32px;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    padding-top: 13px;
    margin-bottom: 50px;
}
.box-support {
    min-width: 500px;
    min-height: 131px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    width: 45%;
    float: left;
    padding: 32px 30px;
    border-left: 5px solid #6FD376;
    margin-right: 2%;
    cursor: pointer;
    margin-bottom: 42px;
}
.support-left {
    width: 10%;
    float: left;
    height: 100%;
}
.support-right {
    border: none !important;
    width: 90%;
    float: left;
}
.support-right > p{
    color: #26324A;
    font-size: 21px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: 16px;
}
.support-right > span {
    color: rgba(0, 0, 0, 0.54);
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 17px;
}
/*.highcharts-plot-line-label {
    filter: url(#solid);
}*/
.header-policyModal {
    padding: 0 0 10px;
    border:none;
}
.span-policy {
    color: #2B2B2B;
    font-size: 16px;
    line-height: 26px;
    display: block;
    font-weight: 500;
    padding: 10px 7px 20px;
}
.span-policy > p {
    line-height: 18px;
    font-size: 15px;
}
.span-policy > p > b {
    font-size: 17px;
}
.title-policy {
    color: #2B2B2B;
    font-size: 18px;
    font-weight: bold;
}
#agree_policy_btn {
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: #6FD376;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    width: 49%;
    float: left;
}
#disagree_policy_btn {
    height: 50px;
    font-size: 16px;
    padding: 15px;
    background: #6FD376;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 3px 6px 0 #D1D0D0;
    line-height: 19px;
    background: rgba(0, 0, 0, 0.3);
    width: 49%;
    margin-right: 1%;
    float: left;
}
.disagree {
    background: rgba(0, 0, 0, 0.3);
    cursor: default;
}
.b_policy {
    cursor: pointer;
}
input::placeholder {
    color: #a5a5a5;
    font-weight: 300;
}

::-webkit-input-placeholder {
    color:#a5a5a5;
    font-weight: 400;
}

::-moz-placeholder {
    color:#a5a5a5;
    font-weight: 400;
}

::-ms-placeholder {
    color:#a5a5a5;
    font-weight: 400;
}

::placeholder {
    color:#a5a5a5;
    font-weight: 400;
}

.login_right {
    min-height: 100vh;
}

.icon-ecosense {
    width: 140px;
    float: right;
    padding: 10px;
    margin: 48px 63px;
}

.forgetPw.logo {
    display: none;
}

.icon-ecosense-abs {
    width: 140px;
    position: absolute;
    top: 48px;
    right: 63px;
    padding: 10px;
}
.logo-small_device {
    display: none;
}

.form-input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 0 11px 10px;
    font-size: 16px;
    line-height: 19px;
    color: #2B2B2B;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #707070;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: 400;
}
.input-setting {
    border: 1px solid #707070;
    border-radius: 24px;
    padding: 10px 0 9px 21px;
    color: #000000;
    font-size: 16px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: #fff;
    background-clip: padding-box;
    font-weight: 400;
}
.box-select_country {
    width: 36%;
    float: left;
}
.box-select_city {
    width: 36%;
    float: left;
    margin-right: 2%;
}
.box-select_state {
    width: 36%;
    float: left;
    margin-right: 2%;
}
.box-select_zipCode {
    width: 24%;
    float: left;
}
.box-select_left {
    width: 48%;
    float: left;
    margin-right: 4%;
}
.box-select_right {
    width: 48%;
    float: left;
}
.select-account {
    height: 40px;
    padding: 10px 20px 11px 21px;
    font-size: 16px;
    line-height: 19px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #707070;
    width: 100%;
    border-radius: 24px;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mt0 {
    margin-top: 0 !important;
}
.pb20 {
    padding-bottom: 20px;
}
.none {
    display: none;
}

.report_title {
    display: block;
    color: #8C94A2 !important;
    margin: 5px 0 0px 0 !important;
    font-size: 12px !important;
    font-weight: 500;
}

.state_signature{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0px 20px;
}
.state_signature_child{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    margin: 0 0px;
}

.state_signature_title{
    font-weight: 500;
    margin: 0;
    font-size: 13px;
    color: black;
}
.state_signature_contetnt{
    font-weight: 300;
    margin: 0px;
    font-size: 12px;
    margin-bottom: 20px;
}

.state_container {
    width: 80%; /* 컨테이너 너비 */
    margin: 0 auto; /* 중앙 정렬 */
    padding: 20px; /* 내부 여백 */
}

.state_signature_field{
    margin-bottom: 20px; /* 필드 아래 여백 */
    font-size: 14px; /* 글씨 크기 */
}

.state_signature_field label {
    display: inline-block;
    width: 140px;
    font-weight: 500; /* 글씨 두껍게 */
    font-size: 14px;
}
.state_signature_field span {
    display: inline-block; /* 밑줄을 위한 span 인라인-블록 처리 */
    width: 220px; /* 너비 */
    border-bottom: 2px solid #707070; /* 밑줄 */
    position: relative;
    white-space: nowrap; /* 줄바꿈 방지 */
    font-size: clamp(8px, 5vw, 14px); /* 최소 10px, 최대 20px, 기본은 5vw */
}

.horizontal-line {
    height: 1px;
    background-color: #707070;
    width: 170px;
    margin-bottom: 10px; /* 라인과 p 요소 사이의 간격 설정 */
}

}

/************* ipad .. medium device ***************/
@media screen and (min-width: 768px) and (max-width: 1279px) {
    html {
        font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
        height: 100%;
        overflow: auto;
    }
    body {
        font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
        font-weight: 400;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
        margin: 0px;
        height: 100%;
    }
    :focus {outline:none;}
    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
    }
    .h100 {
        height: 100%;
    }
    .fixed {
        overflow: hidden;
    }
    .main-section {
        height: 100%;
        display: inline-block;
        padding-bottom: 20px;
    }
    .section-height {
        background: #fff;
    }
    .section-height, .inspection_main, .inspection_report {
        height: 100%;
        min-height: 1024px;
    }
    .section-height.forgetPw {
        background: #202A3E;
    }
    .wrapper {
        position: relative;
        min-height: 1024px;
        background: #F0F0F0;
    }
    .fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
        position: fixed;
    }
    .main-sidebar {
        display: none;
        background: #202A3E;
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%;
        width: 230px;
        z-index: 100;
    }
    .main-sidebar .sidebar {
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .main-sidebar .sidebar::-webkit-scrollbar {
        width: 6px;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-track {
        background: #202A3E;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-thumb {
        background: #26324A;
        border-radius: 3px;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-thumb:hover {
        background: #6FD376;
    }
    .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
        white-space: nowrap;
        overflow: hidden;
    }
    .box-sidebar-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .box-sidebar-menu {
        color: #fff;
        margin-top: 35px;
    }
    .sidebar-menu {
        padding: 15px 0px 15px 26px;
        background: #26324A;
        margin-bottom: 3px;
        cursor: pointer;
    }
    .sidebar-menu > a {
        text-decoration: none;
        position: relative;
        display: block;
    }
    .sidebar-menu > a > img {
        margin-right: 11px;
        vertical-align: middle;
    }
    .sidebar-menu > a > i {
        width: 16px;
        height: 16px;
        margin-right: 11px;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        line-height: 19px;
    }
    .sidebar-menu.Data > a > i { 
        position: absolute;
        right: 11px;
    }
    .sidebar-menu > a > span {
        font-size: 15px;
        text-align: left;
        color: #fff;
        position: absolute;
        left: 60px;
        line-height: 23px;
    }
    .sidebar-menu.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
    }
    .sidebar-menu.ContinuousMonitoring {
        background: #202A3E;
    }
    .sidebar-menu.InspectionData {
        background: #202A3E;
        margin-bottom: 0;
    }
    .sidebar-menu.ContinuousMonitoring.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
    }
    .sidebar-menu.InspectionData.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
        margin-bottom: 0;
    }
    .aside-bottom {
        position: fixed;
        bottom: 30px;
        left: calc(130px - 55px);
    }
    .aside-bottom > img {
        width: 110px;
        margin: 0 auto;
        display: block;
    }
    .logo-pro_light {
        width: 150px;
        margin: 17px 41px 0 39px;
    }
    .title-sidebar_small {
        margin-left: 23px; 
        font-size: 13px; 
        color: #8C94A2; 
        margin-bottom: 11px;
        margin-top: 11px;
    }
    .fixed .right-side {
        padding-top: 50px;
    }
    .content-wrapper {
        min-height: 1024px;
        height: 100%;
        background-color: #F0F0F0;
        min-width: 507px;
    }
    .content-wrapper {
        -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        margin-left: 230px;
        z-index: 3;
    }
    .content-header {
        position: relative;
        height: 70px;
        background: #ffffff;
        min-width: 507px;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
    }
    .content-header>.breadcrumb {
        float: right;
        font-size: 12px;
        margin: 16px 20px 16px;
        min-width: 229px;
        height: 38px;
        padding: 0;
        display: block;
        background: #fff;
    }
    .header-admin {
        font-size: 17px;
        font-weight: 500;
        padding: 25px;
        display: inline-block;
    }
    .breadcrumb>li {
        display: inline-block;
    }
    .mobile-navbar {
        float: left;
        display: block;
    }
    .mobile-navbar > i { 
        font-size: 18px;
        margin: 25px 0 0 37px;
        cursor: pointer;
    }
    .go-support {
        font-size: 14px;
        color: #4D4F5C;
        font-weight: 400;
        cursor: pointer;
    }
    .go-support > span {
        padding: 10px 30px;
    }
    .box-account_top {
        height: 100%;
        display: inline-block;
        line-height: 38px;
        border-left: 1px solid #F0F0F0;
        cursor: pointer;
    }
    .span-user {
        font-size: 14px;
        margin-right: 9px;
        margin-left:22px;
    }
    .go-account-setting {
        display: block;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        padding: 0px 0 10px 10px;
        border-bottom: 1px solid rgba(95, 161, 252, 0.1);
        font-weight: 500;
        line-height: 15px;
    }
    .go-account-setting > img {
        margin-right: 15px;
        vertical-align: sub;
    }
    .sign-out {
        display: block;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        padding: 10px 0 0px 10px;
        font-weight: 500;
        line-height: 23px;
    }
    .sign-out > img {
        margin-right: 19px;
        vertical-align: sub;
    }
    .box-create-name {
        width: 264px;
        float: left;
        margin-bottom: 21px;
    }
    .box-create-name.full{
        margin-right: 18px;
    }
    .box-create-name > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 15px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-create-name > input {
        width: 100%;
        height: 48px;
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
    }
    .box-password {
        width: 548px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
        background: #fff;
    }
    .box-password-input {
        width: 88%;
        float: left; 
    }
    .box-password-input > input { 
        width: 100%;
        height: 46px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: none;
        padding-left: 15px;
    }
    .box-password-show {
        width: 12%;
        float: left;
    }
    .show-pw {
        font-size: 16px;
        color: #6FD376;
        font-weight: 500;
        margin-top: 13px;
        display: inline-block;
        cursor: pointer;
    }
    .box-top-account {
        position: absolute;
        top: 70px;
        width: 207px;
        height: 83px;
        z-index: 1;
        background: #fff;
        display: none;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    }
    .box-top-account.mobile {
        display: none;
    }
    .content {
        min-height: 250px;
        padding: 15px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .box {
        position: relative;
        border-radius: 3px;
        background: #ffffff;
        border-top: 3px solid #d2d6de;
        margin-bottom: 20px;
        width: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }
    .box-body {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 10px;
    }
    .box-account-info {
        display: none;
    }
    .box-footer {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top: 1px solid #f4f4f4;
        padding: 10px;
        background-color: #fff;
    }
    .main-footer > a, .index-footer > a, .signup-footer > a, .login-footer > a {
        color: #8C94A2;
        font-size: 16px;
        text-align: center;
        display: block;
        padding: 20px;
        text-decoration: none;
    }
    .main-footer > span {
        color: #8C94A2;
        font-size: 16px;
        text-align: center;
        display: block;
        padding: 20px;
    }
    .content-wrapper {
        -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        margin-left: 0px;
        z-index: 3;
    }
    .row {
        width: 96%;
        margin: 1.4% 2% 1.7% 2%;
        float: left;
        min-height: 350px;
    }
    .row_inspection {
        width: 96%;
        margin: 1.4% 2% 1.7% 2%;
        float: left;
        min-height: 350px;
    }
    .box-content {
        min-height: 314px;
        background: #fff;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
    }
    #inspection-scroll {
        height: 290px;
        overflow-y: scroll;
    }
    .box-table {
        padding: 0;
        min-width: 507px;
        display: block;
    }
    .box-table > span {
        font-size: 16px;
        line-height: 19px;
        font-style: italic;
        color: #26324A;
        display: none;
    }
    .box-title {
        display: none;
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        margin: 0 20px 20px 10px;
    }
    .device-title {
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 30px;
        margin-top: 33px !important;
        display: inline-block;
        float: left;
    }
    .box-add-new-user, .box-add-new-client {
        display: none;
        min-width: 980px;
        height: 756px;
        margin-left: 40px;
        margin-right: 100px;
        box-shadow: 0 3px 6px #D1D0D0;
        background: #fff;
    }
    .header-add-new-user, .header-add-new-client {
        background: rgb(140 148 162 / 0.1);
        display: flex;
        padding-top: 16px;
        padding-bottom: 13px;
    }
    .header-add-new-user_username {
        width: calc(100%/3);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-user_email {
        width: calc(100%/3);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-user_btn {
        width: calc(100%/3);
        float: left;
        text-align: right;
        padding-right: 26px;
    }
    .btn-add-new-user, .btn-add-new-client {
        font-size: 17px;
        font-weight: 500;
        color: #26324A;
        background: #6FD376;
        color: #fff;
        border-radius: 19px;
        border: none;
        padding: 7px 14px;
        cursor: pointer;
        float: right;
        margin-right: 15px;
    }
    #addId {
        width: 100%;
        border: none;
        padding: 0;
        background: #fff !important;
    }
    #already-exist-id {
        display: none;
    }
    #span-already-id {
        color: #E21111;
        font-size: 14px;
        display: none;
    }
    .already-user {
        color: #E21111 !important;
        text-decoration: none !important;
    }
    .btn-add-new-client {
        margin-top: 24px;
        margin-left: 15px;
    }
    .header-add-new-client_name {
        width: calc(100%/5);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-client_email {
        width: calc(100%/5);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-client_home {
        width: calc(100%/5);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-client_phone {
        width: calc(100%/5);
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        padding-top: 5px;
    }
    .header-add-new-client_btn {
        width: calc(100%/5);
        float: left;
        text-align: right;
        padding-right: 26px;
    }
    .btn-add-new-user:focus, .btn-add-new-client:focus {
        outline: 0 !important;
    }
    .content-add-new-user, .content-add-new-device {
        padding: 31px 0 0 59px;
    }
    .content-add-new-user > span, .content-add-new-device > span { 
        font-size: 17px;
        color: #26324A;
        line-height: 30px;
    }
    .mobile-top-title {
        font-size: 24px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 42px 0 32px 36px;
        float: left;
        display: inline-block;
        box-sizing: border-box;
    }
    .mobile-top-title-side {
        font-size: 16px;
        line-height: 10px;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 42px 0 32px 36px;
        float: left;
        display: inline-block;
        box-sizing: border-box;
    }
    .mobile-title_top {
        font-size: 17px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 15px 0 17px 36px;
        float: left;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .mobile_sorting {
        display: block;
        float: right;
        box-sizing: border-box;
        height: 42px;
        padding-top: 37px;
        text-align: right;
        padding-right: 23px;
        background: #fff;
    }
    .device-title {
        font-size: 17px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 15px 0 17px 36px;
    }
    .monitoring-Navi_mobile {
        width: 100%;
        display: flex;
        background: #fff;
    }
    .mobile_nav_active {
        background: rgba(140, 148, 162, 0.1) !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #26324A !important;
    }
    .nav_deviceName_mobile {
        width: 100% !important;
        text-align: left !important;
        padding-left: 49px !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #26324A !important;
        background: rgba(140, 148, 162, 0.1) !important;
    }
    .mobile_popup_active {
        background: #E6E7E9 !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #455065 !important;
    }
    .monitoring-Navi_mobile > p {
        margin: 0;
        width: 50%;
        padding: 10px 0 7px 0;
        text-align: center;
        float: left;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 14px;
        color: rgba(38, 50, 74, 0.3);
        border-bottom: 2.85px solid #F7F7F7;
        cursor: pointer;
        background: #fff;
        line-height: 16px;
    }
    .monitoring-popup-Navi_mobile > p {
        margin: 0;
        width: 50%;
        padding: 10px 0 7px 0;
        text-align: center;
        float: left;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 13px;
        color: rgba(38, 50, 74, 0.3);
        border-bottom: 2.85px solid #F7F7F7;
        cursor: pointer;
        background: #fff;
        line-height: 16px;
        background: #F0F0F0;
        border-bottom: 2.85px solid #E6E7E8;
    }
    .popup-status_m {
        color: #54C567;
    }
    #map-device {
        display: block;
        min-height: 400px;
        width: 100% !important;
    }
    .monitoring-map {
        margin: 0;
    }
    .wrapper-table {
        padding: 0px;
        background: #fff; 
    }  
    .table-device {
        width: 100%;
        background: #fff;
        border-collapse: collapse;
    }
    .table-device > thead {
        border-bottom: 1px solid #F0F0F0;
    }
    .table-device > thead, tbody {
        display: block;
    }
    .table-device > thead > tr:first-child {
        display: none;
    }
    .table-device > thead > tr {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        height: 50px;
        display: block;
        width: 100%;
    }
    .table-device > thead > tr > td {
        display: inline-block;
        text-align: center;
    }
    .table-device > thead > tr > td:first-child {
        display: inline-block;
        padding: 17px 0 17px 24px;
        width: 26%;
        text-align: left;
    }
    .table-device > thead > tr > td {
        width: 21%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
    }
    .table-device > thead > tr > td:nth-child(3) {
        width: 27%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
    }
    .table-device > thead > tr > td:last-child {
        width: 21%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
        cursor: pointer;
    }
    .table-device > thead > tr > td:last-child > img {
        vertical-align: middle;
    }
    .table-device > tbody {
        overflow-y: unset;
        margin-right: 0px;
    }
    .table-device > tbody > tr {
        height: 61px;
        background: #fff;
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }
    .table-device > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: bold;
        display: inline-block;
    }
    .table-device > tbody > tr > td:first-child {
        width: 100%;
        padding: 20px 0 19px 36px;
        text-align: left;
    }
    .table-device > tbody > tr > td:first-child > .img_arrow {
        margin-right: 15px;
        vertical-align: middle;
    }
    .table-device > tbody > tr > td:first-child > .ellipsis-box {
        width: 25px;
        display: block;
        position: inherit;
        color: #6FD376;
        cursor: pointer;
        float: right;
        margin-right: 40px;
    }
    .table-device > tbody > tr > td:nth-child(2) {
        display: none;
    }
    
    .table-device > tbody > tr > td:nth-child(3) {
        display: none;
    }
    .table-device > tbody > tr > td:last-child {
        display: none;
    }
    .table-inspection {
        width: 100% !important;
        background: #fff;
        border-collapse: collapse;
    }
    .table-inspection > tbody > tr {
        height: 45px;
        background: #fff;
        width: 100%;
        display: inline-table;
        border-bottom: 1px solid #F0F0F0;
        cursor: default;
    }
    .table-inspection > tbody > tr > td {
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        display: inline-block;
    }
    .table-inspection > tbody > tr > td:first-child {
        width: 100%;
        padding: 12px 0 12px 48px;
        text-align: left;
        box-sizing: border-box;
        font-size: 16px;
    }
    .table-inspection > tbody > tr > td:nth-child(2) {
        display: none;
    }
    .table-inspection > tbody > tr > td > .img_arrow {
        margin-right: 12px;
        margin-left: -26px;
    }
    .exp-menu {
        display: none;
    }
    .table-inspection > tbody > tr > td {
        width: 21%;
    }
    .table-inspection > tbody > tr > td:nth-child(3) {
        width: 27%;
    }
    .status_continuous {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #3465C6;
    }
    .status_continuous_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #1D386C;
    }
    .status_force_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #FF980B;
    }
    .status_ready {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #D06161;
    }
    .status_wait {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #8C94A2;
    }
    .status_measure {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #6FD376;
    }
    .status_measure_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #2E803A;
    }
    .style-scroll::-webkit-scrollbar-track {
        background-color: #F7F7F7;
    }
    .style-scroll::-webkit-scrollbar {
        width: 8px;
        background-color: #E2E2E2;
    }
    .style-scroll::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #E2E2E2;
    }
    .box-map {
        width: 28%;
        margin: 0 20px;
        float: left;
    }
    .box-chart {
        margin: 0.5% 2% 0% 2%;
        width: 96%;
        min-width: 507px;
        float: left;
        min-height: 380px;
    }
    .wrapper-chart {
        background:#fff;
        padding: 20px 20px 0 20px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        min-height: 360px;
    }
    .main-footer, .login-footer {
        width: 100%;
        background: inherit;
        display: inline-block;
        margin-top: 20px;
        bottom: 30px;
        position: absolute;
    }
    .signup-footer {
        width: 100%;
        background: inherit;
        display: inline-block;
        margin-top: 20px;
    }
    .dataTables_filter {
        display: none !important;
    }
    #example, #example1 {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #example_wrapper, #example1_wrapper {
        padding-left: 40px;
        padding-right: 70px;
        box-sizing: content-box;
    }
    #example > tbody, #example1 > tbody {
        display: table-row-group;
    }
    #example > thead > tr:first-child, #example1 > thead > tr:first-child {
        height: 60px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #example > thead > tr > th, #example1 > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 14px;
        color: #26324A;
    }
    #example.User, #example.Device, #example1.Device_employee {
        height: 780px;
        background: #fff;
    }
    #example.User > thead > tr > th {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
        border-style: none;
    }
    #example.Device > thead > tr > th
    , #example1.Device_employee > thead > tr > th {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
        background: #fff;
        text-align: center;
        font-size: 16px;
        color: #26324A;
        border-style: none;
        border-bottom: 1px solid #00000033 !important;
    }
    #example > thead > tr > th:last-child, #example1 > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #example > tbody > tr > td, #example1 > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px 11px;
        line-height: 16px;
        border-left: none;
    }
    .tab-device-active {
        border: none !important;
        background: #6FD376 !important;
        box-shadow: 3px 3px 6px #00000029 !important;
    }
    .tab-device-active > span {
        color: #26324A !important;
        font-size: 17px;
        vertical-align: middle;
        display: table-cell;
        font-weight: 500;
    }
    #tab-registered-devices, #tab-shared-devices {
        width: 291px;
        height: 66px;
        display: table;
        text-align: center;
        float: left;
        cursor: pointer;
        border: 1px solid rgb(112 112 112 / 10%);
        background: rgb(140 148 162 / 10%);
        box-shadow: none; 
    }
    #tab-registered-devices > span, #tab-shared-devices > span {
        color: #26324A;
        font-size: 17px;
        vertical-align: middle;
        display: table-cell;
        font-weight: 500;
    }
    .span-pending {
        color:#D1D3D6;
    }
    .user-pending {
        width: 81px;
        height: 23px;
        border-radius: 14px;
        background: #D1D3D6;
        border: none;
        color: #fff;
        font-weight: 300;
        font-size: 14px;
        margin-left: 5px;
    }
    #example.User > tbody > tr > td, #example.Device > tbody > tr > td
    , #example1.Device_employee > tbody > tr > td {
        font-weight: 400;
        color: #26324A;
    }
    #example.Device > tbody > tr > td, #example1.Device_employee > tbody > tr > td {
        line-height: 27px;
    }
    #example > tbody > tr > td:first-child {
        width: 30% !important;
    }
    #example > tbody > tr > td:nth-child(2) {
        width: 34% !important;
    }
    #example > tbody > tr > td:last-child {
        width: 36% !important;
    }
    #example > tbody > tr > td > i{
        margin-right: 10px;
    }
    #example > tbody > tr > td > img {
        margin-right: 10px;
        width: 12px;
        margin-left: -22px;
    }
    .small-title_mobile {
        background: rgba(140, 148, 162, 0.1);
        display: none;
    }
    .combobox-device-by-user {
        height: 178px;
        overflow-y: auto;
        border: 1px solid #D1D3D6;
    }
    .combobox-device-by-user > li {
        list-style: none;
        padding: 1px 10px;
    }
    .combobox-device-by-user > li:hover { 
        background: #EFEFEF;
    }
    .combobox-device-by-user > li > ul {
        padding-left: 0;
        margin-bottom: 5px;
    }
    .combobox-device-by-user > li > ul > input {
        float: left;
        margin-right: 10px;
    }
    .span-modal-device {
        font-size: 14px;
        margin-top: 25px;
        margin-bottom: 9px;
        display: block;
        color: #2B2B2B;
    }
    .ui.form input[type=search] {
        border-radius: 23px;
        min-width: 295px;
        border: none;
        box-shadow: none;
        font-size: 14px;
    }
    textarea, input {
        padding:10px;
        font-family: FontAwesome, 'Roboto', sans-serif !important;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    }
    .ui.menu {
        border: none;
        box-shadow: none;
    }
    .ui.menu .item:before {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        /* background: rgba(34,36,38,.1); */
    }
    .add-client-btn_mobile {
        display: none;
    }
    #example_wrapper > .bottom, #example1_wrapper > .bottom {
        padding: 18px;
    }
    div.dataTables_wrapper div.dataTables_info {
        white-space: nowrap;
        padding: 9px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
    }
    .dataTables_wrapper .dataTables_length {
        float: left;
        color: rgba(0, 0, 0, 0.54) !important;
        font-weight: 500;
    }
    .ui.table tr td {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .ellipsis-box {
        width: 25px;
        display: inline;
        position: absolute;
        right: 8px;
        color: #6FD376;
        cursor: pointer;
    }
    .ellipsis-box.User, .ellipsis-box.Device {
        width: 25px;
        display: inline;
        right: 125px;
        color: #6FD376;
        cursor: pointer;
        position: absolute;
    }
    .ellipsis-box.Device {
        margin-top: 5px;
    }
    .ellipsis-box.Client {
        width: 25px;
        display: inline;
        right: 80px;
        color: #6FD376;
        cursor: pointer;
        position: absolute;
    }
    .ellipsis-box > img {
        display: block;
        margin: 0 auto;
    }
    .ellipsis-menu-box.User, .ellipsis-menu-box.Device {
        min-width: 216px;
        position: absolute;
        right: 8px;
        top: 23px;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 12;
        display: none;
    }
    .ellipsis-menu-box.User > div:first-child, .ellipsis-menu-box.Device > div:first-child {
        background: #EEEEEE;
        color: #26324A;
    }
    .ellipsis-menu-box.User > div:nth-child(2), .ellipsis-menu-box.Device > div:nth-child(2) {
        color: rgba(0, 0, 0, 0.54);
        background: #fff;
    }
    .exp-menu-box {
        min-width: 225px;
        position: absolute;
        right: 5px;
        top: 20px;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 1;
        display: none;
    }
    .exp-detail-btn {
        padding: 18px 0 18px 17px;
        background: #EEEEEE;
        color: #26324A;
        font-size: 16px;
        line-height: 21px;
        font-weight: 500;
        text-align: left;
    }
    .exp-report-btn {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        padding: 18px 0 18px 17px;
        line-height: 21px;
        text-align: left;
    }
    .box-inspection_status {
        display: none;
    }
    .add-inspector-btn {
        padding: 18px 0 18px 17px;
        background: #EEEEEE;
        color: #26324A;
        font-size: 16px;
        line-height: 21px;
        font-weight: 500;
        text-align: left;
    }
    .resend-invitation-btn, .edit-device-btn {
        padding: 18px 0 18px 17px;
        font-size: 18px;
        line-height: 21px;
        font-weight: 500;
        text-align: left;
    }
    .add-inspector-btn > img, .resend-invitation-btn > img, .edit-device-btn > img {
        margin-right: 18px;
    }
    .transfer-authority-btn {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        padding: 18px 0 18px 17px;
        line-height: 21px;
        text-align: left;
    }
    .delete-user-btn, .delete-device-btn {
        font-size: 18px;
        padding: 18px 0 18px 17px;
        line-height: 21px;
        text-align: left;
    }
    .transfer-authority-btn > img, .delete-user-btn > img, .delete-device-btn > img {
        margin-right: 18px;
    }
    #example > tbody > tr > td > i, #example1 > tbody > tr > td > i {
        position: absolute;
        left: 70px; 
    }
    .small-title_mobile {
        background: rgba(140, 148, 162, 0.1);
        display: none;
    }
    .small-title_mobile > p {
        font-size: 14px;
        font-weight: 600;
        margin-left: 36px;
        padding: 10px 0;
    }
    .dataTables_filter {
        display: none !important;
   }
    div.dataTables_wrapper div.dataTables_length select {
        vertical-align: middle;
        min-height: 2.7142em;
        background: #fff;
        border: none;
    }
    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        padding: 0 !important;
    }
    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 670px !important;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: .3rem;
        outline: 0;
    }
    .modal-lg {
        max-width: 670px;
    }
    .modal-sidebar {
        transform: translate(0, -50%) translate(-131px, 0) !important;
    }
    .modal.show .modal-dialog {
        transform: translate(0, -50%) translate(131px, 0);
    }
    #employeeModal > .modal.show .modal-dialog { 
        transform: translate(0, -50%) translate(60px, 0);
    }
    .img-exclamation {
        display: block; 
        width: 70px; 
        margin: 10px auto;
    }
    .modal-dialog {
        top: 50%;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 24px;
        text-align: center;
        width: 100%;
        color: #6FD376;
        font-size: 21px;
        padding: 10px 0;
    }
    .close {
        float: right;
        font-size: 25px;
        font-weight: 700;
        line-height: 1;
        color: rgba(0, 0, 0, 0.54);
        text-shadow: 0 1px 0 #fff;
        opacity: 1;
        padding: 21px 17px !important;
        margin-left: -20px !important;
    }
    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 61px 39px 0 32px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px 0 11px 10px;
        font-size: 16px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .form-device {
        display: block;
        width: 100%;
        height: 40px;
        font-size: 16px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #D1D3D6;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    #device-name {
        display: inline-block;
        float: left;
        width: 95%;
        height: 40%;
        padding: 19px;
        border: none;
    }
    .remove-device-name {
        display: inline-block;
        width: 5%;
        margin-top: 8px;
        cursor: pointer; 
    }
    .email-label {
        color: #2B2B2B;
        width: 100%;
    }
    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: none;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
    }
    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1rem;
        border-top: none !important;
        padding: 33px 38px;
    }
    .modal-comment {
        color: #8C94A2;
        margin-bottom: 30px;
        display: block;
    }
    .btn-cancel, .btn-delete_cancel {    
        width: 293px;
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: rgba(0, 0, 0, 0.3);
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        margin-right: 21px !important;
        cursor: pointer;
    }
    .btn-cancel:hover {    
        width: 293px;
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: rgba(0, 0, 0, 0.3);
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        margin-right: 21px !important;
        cursor: pointer;
    }
    #add_inspector_btn, #transfer_auth_btn, #add_client_btn, #edit_client_btn, #update_account_btn, 
    #save_client_btn, #delete-inspector_btn, #delete-client_btn, #go_transfer_btn, #edit_device_btn, #save_add_client {
        width: 293px;
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        cursor: pointer;
    }
    div.slider {
        display: none;
    }
    .no-padding {
        padding: 0 !important;
    }
    #sub-table > tbody > tr, #sub-table_customer > tbody > tr, #sub-table_monitoring > tbody > tr, #sub-table_report > tbody > tr{
        padding: 0 !important;
    }
    #example > tbody > .no-padding > td:first-child, #table-client > tbody > .no-padding > td:first-child, #table-report > tbody > .no-padding > td:first-child {
        width: 100% !important;
        padding: 0 !important;
    }
    #sub-table, #sub-table_customer, #sub-table_monitoring, #sub-table_report {
        width: 100%;
        border-bottom: none;
    }
    #sub-table > tbody, #sub-table_customer > tbody, #sub-table_monitoring > tbody, #sub-table_report > tbody {
        display: table-row-group;
    }
    #sub-table > thead > tr:first-child, #sub-table_customer > thead > tr:first-child, #sub-table_monitoring > thead > tr:first-child, #sub-table_report > thead > tr:first-child {
        height: 66px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #sub-table > thead > tr > th, #sub-table_customer > thead > tr > th, #sub-table_monitoring > thead > tr > th, #sub-table_report > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
    }
    #sub-table > thead > tr > th:last-child, #sub-table_customer > thead > tr > th:last-child, #sub-table_monitoring > thead > tr > th:last-child, #sub-table_report > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #sub-table > tbody > tr > td {
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
    }
    #sub-table_customer > tbody > tr > td {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 34px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
        padding-left: 43px !important;
    }
    #sub-table_monitoring > tbody > tr > td:first-child {
        text-align: left;
        font-size: 14px;
        color: #26324A;
        font-weight: 500;
        padding: 14px 0px 12.5px 43px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
        padding-left: 43px !important;
        width: 180px;
    }
    #sub-table_monitoring > tbody > tr > td:nth-child(2) {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 14px 0px 12.5px 0px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
    }
    #sub-table_monitoring > tbody > tr > td:nth-child(2) > span:first-child {
        margin-left: 0px;
        height: 8px;
        width: 8px;
        margin-right: 13px;
    }
    #sub-table > tbody > tr > td:first-child {
        width: 30% !important;
        float: left;
        box-sizing: border-box;
        display: none !important;
    }
    #sub-table > tbody > tr > td:nth-child(2) {
        width: 35% !important;
        float: left;
        box-sizing: border-box;
        height: 42.5px;
        line-height: 34px;
        font-size: 14px;
        text-align: left;
        padding-left: 35px !important;
    }
    #sub-table > tbody > tr > td:last-child {
        width: 65% !important;
        float: left;
        box-sizing: border-box;
        height: 42.5px;
        line-height: 34px;
        text-align: left;
        font-size: 14px;
    }
    #sub-table > tbody > tr:last-child > td, #sub-table_customer > tbody > tr:last-child > td, #sub-table_monitoring > tbody > tr:last-child > td {
        border-bottom: none !important;
    }
    #sub-table > tbody > tr > td > i {
        margin-right: 10px;
        font-size: 20;
    }
    #sub-table_exp {
        width: 100%;
        border-bottom: none;
    }
    #sub-table_exp > tbody {
        display: table-row-group;
    }
    #sub-table_exp > tbody > tr:last-child .exp-menu-box, #sub-table_exp > tbody > tr:nth-last-child(2) .exp-menu-box{
        min-width: 225px;
        position: absolute;
        right: 15px;
        bottom: 35px;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    #sub-table_exp > tbody > tr > td {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 12px 0 12px 48px;
        line-height: 19px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }
    #sub-table_exp > tbody > tr > td:first-child {
        width: 30%;
    }
    #sub-table_exp > tbody > tr > td:nth-child(2) {
        width: 30%;
    }
    #sub-table_exp > tbody > tr > td:last-child {
        width: 40%;
        position: relative;
    }
    #sub-table_exp > tbody > tr > td > i{
        margin-right: 10px;
        font-size: 20px;
    }
    .selected_report {
        background: #F0F0F0 !important;
    }
    .top-inspector {
        display: inline-block;
        position: absolute;
        right: 10px;
    }
    .delete-inspector {
        display: inline-block;
        position: absolute;
        right: 8px;
    }
    .li-user {
        height: 38px;
        width: 38px;
        border: 1px solid #8C94A2;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }
    .li-user > img {
        width: 14px;
        padding: 10px 0px;
    }
    .search_mobile {
        display: none !important;
    }
    .search-large_device {
        display: inline-block;
        float: right;
        margin-right: 18px;
        margin-top: 33px;
    }
    .search-large_device > img {
        width: 21px;
        height: 21px;
        cursor: pointer;
    }
    .search-large_device > input {
        width: 260px;
        border: none;
        border-radius: 23px;
        height: 40px;
        padding: 0 0 0 40px;
        background-image: url(../../images/icons/ic_search.png);
        background-repeat: no-repeat;
        background-position: 13px 13px;
        background-size: 18px;
        display: none;
    }    
    #list-inpspection_report {
        padding: 0;
        margin: 0;
    }
    #list-inpspection_report > li {
        list-style: none;
        padding: 17px;
        border-bottom: 1px solid #F0F0F0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.54);
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        font-weight: 600;
    }
    .box-inpspection_infomation {
        float: left;
        min-width: 400px;
        margin-right: 10px;
        min-height: 265px;
        width: 55%;
    }
    #map {
        position: absolute !important;
        min-width: 285px;
        min-height: 265px;
        /*max-width: 350px;*/
        display: inline-block;
        width: 20%;
    }
    .wrapper-list-inpspection {
        width:30%;
        float:left;
        min-width: 348px;
    }
    .wrapper-list-inpspection > span {
        color: #6FD376;
        font-size: 16px;
        line-height: 19px;
        padding: 15px 0;
        display: block;
        text-align: center;
        font-weight: 500;
        border-bottom: 1px solid #F0F0F0;
        border-right: 1px solid #F0F0F0;
    }
    .wrapper-inpspection_infomation{
        float: left;
        padding: 21px 25px 28px 33px;
        height: 350px;
        box-sizing: border-box;
    }
    #list-inpspection_report > li.active {
        background: rgba(111, 211, 118, 0.2);
    }
    .over-info {
        background: rgba(255, 255, 255, 0.5);
        float: right;
        height: 371.5px;
        margin-top: -371.5px;
        margin-right: 0px;
        overflow: visible;
        position: relative;
        width: 70%;
        color: #FFFFFF;
        z-index: 1000;
    }
    .over-info span {
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        margin-left: -200px;
    }
    .box_report {
        position: absolute;
        top: 50%;
        width: 100%;
        left: 50%;
        transform: translate(-50%, -50%) translate(131px, 0);
        z-index: 100;
    }
    .btn-report, .btn-preview {
        float: right;
        border: none;
        padding: 10px;
        color: #fff;
        background: #6FD376;
        width: 169.5px;
        height: 56px;
        font-size: 16px;
        line-height: 19px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        padding: 19px 0 18px;
        cursor: pointer;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }
    .btn-report > img, .btn-preview > img, .btn-report-delete > img {
        margin-right: 7px;
        vertical-align: middle;
    }
    .btn-report-delete {
        float: right;
        border: none;
        padding: 10px;
        background: #fff;
        color: #0000008A;
        width: 120px;
        height: 40px;
        font-size: 16px;
        line-height: 16px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        padding: 13px 0 13px;
        cursor: pointer;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        margin-left: 18px;
    }
    .over-chart {
        background: rgba(255, 255, 255, 0.8);
        float: right;
        height: 371.5px;
        margin-top: -371.5px;
        margin-right: 0px;
        overflow: visible;
        position: relative;
        width: 100%;
        color: #FFFFFF;
        z-index: 10;
    }
    .over-chart span {
        position: absolute;
        top: 45%;
        left: 55%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        line-height: 21px;
        transform: translate(-45%, -55%);
    }
    .box-inspection_top {
        margin:13px 0;
        display: block;
        height: 56px;
    }
    .box-inspection_top > p {
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        display: inline-block;
        margin: 16px 21px 16px 0;
        color: #26324A;
    }
    .box-inspection_top > p > a {
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        line-height: 19px;
        color: #26324A;
    }
    .box-inspection_top > span {
        font-size: 16px;
        line-height: 19px;
        color: #26324A;
        font-style: italic;
        margin: 18.5px 0;
    }
    .box-report_top {
        height: 56px;
        position: absolute;
        width: calc(100% - 261px);
    }
    .box-report_top > p {
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        display: inline-block;
        margin: 0px 21px 16px 0;
        color: #26324A;
    }
    .box-report_top > p > a {
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        line-height: 19px;
        color: #26324A;
    }
    .box-report_top > span {
        font-size: 16px;
        line-height: 19px;
        color: #26324A;
        font-style: italic;
        margin: 18.5px 0;
    }
    #inspection-scroll::-webkit-scrollbar-track {
        background-color: #F7F7F7;
    }
    #inspection-scroll::-webkit-scrollbar {
        width: 14px;
        background-color: #E2E2E2;
    }
    #inspection-scroll::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #E2E2E2;
    }
    .content-inpspection_infomation > span {
        display: block;
        padding: 13px 0 13px;
        font-size: 14px;
        line-height: 19px;
        color: #26324A;
        font-weight: 500;
        border-bottom: 1px solid #F0F0F0;
    }
    .content-inpspection_infomation > span:last-child {
        display: block;
        padding: 14px 0 0;
        font-size: 14px;
        line-height: 19px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        border-bottom: none;
    }
    .content-inpspection_infomation > span > img {
        height: 24px;
        vertical-align: middle;
        margin-right: 30px;
    }
    .content-inpspection_infomation > span:last-child > img {
        height: 24px;
        vertical-align: top;
        margin-right: 30px;
    }
    .content-inpspection_infomation > span > a {
        margin-left: 30px;
        font-size: 18px;
        line-height: 24px;
        color: #26324A;
        font-weight: bold;
    }
    .content-radon_result {
        display:inline-block; 
        width: 90px; 
        margin-right: 30px;
    }
    .content-radon_result:last-child {
        display:inline-block; 
        width: 90px; 
        margin-right: 0;
    }
    .content-radon_result > span {
        font-size: 20px;
        color: #26324A;
        margin-right: 5px;
        font-weight: bold;
    }
    .content-radon_result > span > b {
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
        font-weight: 500;
    }
    .txt-radon_result {
        border-top: 2px solid #6FD376;
        text-align: center;
        padding: 10px 0 0;
        margin-top: 5px;
    }
    .txt-radon_result > a{
        font-size: 15px;
        color: #26324A;
    }
    #map {
        position: absolute !important;
        min-width: 285px;
        min-height: 265px;
        max-width: 350px;
        display: inline-block;
    }
    .vm {
        vertical-align: middle;
    }
    .pointer {
        cursor: pointer;
    }
    .daterangepicker th.month {
        width: auto;
        background: #F0F0F0;
        color: #000000 !important;
    }
    .daterangepicker .drp-buttons .btn-primary {
        margin-left: 8px;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 8px;
        background: #6FD376;
        width: 90px;
        height: 40px;
        color: #fff;
        border: none;
        cursor: pointer;
        box-shadow: 0 3px 6px 0 #D1D0D0 !important;
    }
    .box-Continuous_top {
        display: block;
        height: 56px;
        width: 96%;
        margin: 2.8% 2% 1.7% 2%;
        float: left;
    }
    .box-Continuous_top > p:first-child {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        display: inline-block;
        margin: 9px 21px 16px 0;
        color: #26324A;
    }
    .continuous-title_mobile {
        display: none;
    }
    .continuous-title_mobile > span {
        display: none;
    }
    .box-dateRange {
        background: #fff;
        cursor: pointer;
        padding: 13px 8px;
        width: 210px;
        height: 47px;
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, 0.3);
        float: right;
    }
    .box-dateRange:hover {
        background: #fff;
        cursor: pointer;
        padding: 13px 8px;
        border: 1px solid #ccc;
        width: 210px;
        height: 47px;
        box-sizing: border-box;
        border: 1px solid #6FD376;
        float: right;
    }
    .box-dateRange > img {
        width: 18px;
        height: 20px;
    } 
    .box-dateRange > span {
        font-size: 14px;
        line-height: 19px;
        color: #4B515D;
        vertical-align: top;
    }
    #select-device_name {
        float: right;
        min-width: 150px;
        height: 45px;
        padding: 9px;
        font-size: 13px;
        color: rgba(0, 0, 0, 0.54);
        border: none;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
    }
    .dataRange-title_mobile {
        display: none;
    }
    .device_name-title_mobile {
        display: none;
    }
    .btn-download {
        float: right;
        border: none;
        color: #fff;
        background: #6FD376;
        width: 125.5px;
        height: 47px;
        font-size: 12px;
        line-height: 15px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        padding: 16px 0 18px;
        cursor: pointer;
    }
    .wrapper-chart.continuous {
        min-height: 385px;
        padding: 0;
    }
    .top-continuous_chart {
        padding: 20px 30px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        box-sizing: content-box;
    } 
    .top-continuous_chart > span:first-child {
        font-size: 16px;
        line-height: 24px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        margin-right: 67px;
        cursor: pointer;
    }
    .top-continuous_chart > span {
        font-size: 15px;
        line-height: 21px;
        margin-right: 49px;
        color: rgba(0, 0, 0, 0.54);
        cursor: pointer;
        padding: 10px;
    }
    .continuous-chart {
        min-width: 310px; 
        margin: 0 auto; 
        padding:20px;
    }
    .pick_day {
        border-bottom: 3px solid #26324A;
    }
    .box-Continuous-download_m {
        display: none;
    }
    .continuous-download_m {
        display: none;
    }
    .box-login_left {
        display: none;
    }
    .login_left {
        display: block;
    }
    .login_left > img {
        position: absolute;
        bottom: -10px;
        right: -15px;
    }
    .txt-login_left {
        margin-top: 281px;
    }
    .txt-login_left > p:first-child{
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 300;
    }
    .txt-login_left > p{
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 38px;
        color: #fff;
    }
    .txt-login_left > ul {
        margin: 0;
        padding-left: 111px;
    }
    .txt-login_left > ul > li {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 12px;
        font-weight: 300;
    }
    .txt-login_left > ul > li > img {
        width: 16px;
        margin-right: 14px;
    }
    .line-login_left {
        width: 85px;
        border-bottom: 1px solid #fff;
        margin: 0 auto;
    }
    .wrapper-login_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 1024px;
        height: 100%;
        background-color: #fff;
        min-width: 768px;
        display: block;
    }
    .wrapper-forgetPw_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 1024px;
        height: 100%;
        background-color: #26324A;
        min-width: 768px;
        display: block;
    }
    .login-go_signup {
        text-align: center;
        margin-top: 40px;
    }
    .btn-go_signup {
        color: #6FD376 !important;
        font-size: 16px;
        font-weight: bold !important;
        line-height: 19px;
        text-decoration: underline;
        cursor: pointer;
    }
    .btn-go_login-pw {
        font-size: 16px;
        font-weight: 400 !important;
        line-height: 19px;
        text-decoration: underline;
        cursor: pointer;
    }
    .login-go_signup.forgetPw > span {
        color: #fff;
        text-align: center;
        margin-top: 40px;
        font-size: 16px;;
        font-weight: bold;
        text-decoration: underline;
    }
    .login-go_signup > span {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        color: #26324A;
        margin-right: 19px;
    }
    .box-forgetPw-right {
        width: 550px;
        transform: translate(-50%, -50%);
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 45%;
    }
    .forgetPw.logo {
        margin-bottom: 32px; 
        width: 213px;
    }
    .box-forgetPw-right > p:nth-child(2) {
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 16px;
    }
    .box-forgetPw-right > p:nth-child(3) {
        margin-top: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 40px;
    }
    .box-forgetPw-right > p:nth-child(4) {
        margin-top: 0;
        color: #2B2B2B;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 15px;
    }
    .box-forgetPw-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-forgetPw-right > input {
        width: 548px;
        height: 48px;
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
    }
    .box-checkEmail-right {
        width: 550px;
        margin: 0 auto;
        transform: translate(-50%, -50%);
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .box-checkEmail-right > img {
        display: block;
    }
    .box-checkEmail-right > p:first-child {
        color: #fff;
        font-size: 28px;
        margin-bottom: 60px;
    }
    .box-checkEmail-right > p:nth-child(2) {
        color: #fff;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 30px;
    }
    .box-checkEmail-right > p:nth-child(3) {
        color: #fff;
        font-size: 19px;
        margin-bottom: 30px;
    }
    .box-checkEmail-right > p:nth-child(4) {
        color: #fff;
        width: 100%;
        font-size: 19px;
        font-weight: bold;
        margin: 0 auto;
    }
    .box-checkEmail-right > p:nth-child(5) {
        color: #fff;
        width: 100%;
        font-size: 19px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .box-checkEmail-bottom {
        text-align: center;
        margin-top: 130px;
    }
    .box-checkEmail-bottom > p {
        color: #fff;
        font-size: 16px;
    }
    .box-checkEmail-bottom > p > span {
        color: #4ECB60; 
        text-decoration: underline;
    }
    .box-createPw-right {
        width: 550px;
        transform: translate(50%, 50%);
        position: absolute;
    }
    .box-createPw-right > p:first-child {
        font-size: 36px;
        line-height: 30px;
        font-weight: bold;
        margin-bottom: 27px;
        color: #4ECB60;
        text-align: center;
    }
    .box-createPw-right > p:nth-child(2) {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 100px;
        text-align: center;
    }
    .box-createPw-right > p:nth-child(3) {
        color: #fff;
        width: 60%;
        margin: 0 auto;
        margin-bottom: 50px;
        text-align: center;
    }
    .box-createPw-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-createPw-right > input {
        width: 548px;
        height: 48px;
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
    }
    .box-login-right {
        width: 550px;
        transform: translate(-50%, -50%);
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .box-login-right > p:first-child {
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        color: #26324A;
        margin-bottom: 27px;
    }
    .box-login-right > p:nth-child(2) {
        margin-top: 0;
        color: #8C94A2;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 78px;
    }
    .box-login-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-login-right > input {
        width: 548px;
        height: 48px;
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
    }
    .btn-login {
        display: -webkit-box;
        width: 548px;
        padding: 15px 0 14px;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 30px;
        cursor: pointer;
    }
    .btn-submit {
        display: -webkit-box;
        width: 548px;
        padding: 15px 0 14px;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        margin-top: 10px;
        cursor: pointer;
    }
    .btn-login > a, .btn-submit > a {
        text-align: center;
        width: 100%;
        display: block;
        text-decoration: none;
    }
    .box-signup_left {
        display: none;
    }
    .signup_left {
        display: block;
    }
    .signup_left > img {
        position: absolute;
        bottom: -10px;
        right: -15px;
    }
    .txt-signup_left {
        margin-top: 281px;
    }
    .txt-signup_left > p:first-child{
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 300;
    }
    .txt-signup_left > p{
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 38px;
        color: #fff;
    }
    .txt-signup_left > ul {
        margin: 0;
        padding-left: 111px;
    }
    .txt-signup_left > ul > li {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 12px;
        font-weight: 300;
    }
    .txt-signup_left > ul > li > img {
        width: 16px;
        margin-right: 14px;
    }
    .line-signup_left {
        width: 85px;
        border-bottom: 1px solid #fff;
        margin: 0 auto;
    }
    .wrapper-signup_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 1024px;
        height: 100%;
        background-color: #fff;
        min-width: 918px;
        display: block;
    }
    .wrapper-createPw_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 1024px;
        height: 100%;
        background-color: #26324A;
        min-width: 918px;
        display: block;
    }
    .signup_right {
        padding-top: 240px;
        height: 100%;
    }
    .box-signup-right {
        width: 570px;
        left: 50%;
        margin: 0 auto;
    }
    .box-signup-right > p:first-child {
        font-size: 36px;
        line-height: 30px;
        font-weight: bold;
        color: #26324A;
        margin-bottom: 27px;
        margin-top: 0px;
    }
    .box-signup-right > p:nth-child(2) {
        margin-top: 0;
        color: #8C94A2;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 26px;
    }
    .box-signup-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-signup-right > input {
        width: 548px;
        height: 48px;
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
    }
    .box-signup-right > input#userRePw {
        margin-bottom: 14px;
    }
    #span-not-invited {
        display: none;
        color: #E21111;
        font-size: 14px;
        line-height: 15px;
        font-weight: 400;
        margin-bottom: 5px;
        margin-left: 20px;
    }
    .btn-signup {
        display: block;
        width: 548px;
        padding: 15px 0 14px;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 41px;
        margin-bottom: 26px;
        cursor: pointer;
    }
    #employeeModal > .modal-dialog > .modal-content {
        width: 450px !important;
    }
    .box-select-account {
        /*padding-top: 80px;*/
    }
    .btn-account-admin {
        /*display: -webkit-box;*/
        display: inline-block;
        width: 548px;
        padding: 15px 0 14px;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 36px;
        cursor: pointer;
    }
    .btn-account-employee {
        /*display: -webkit-box;*/
        display: block;
        width: 548px;
        padding: 15px 0 14px;
        color: #424E64;
        background: #fff;
        border: 1px solid #424E64;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-bottom: 36px;
        cursor: pointer;
    }
    .index-footer {
        position: absolute;
        bottom: 10px;
        left: calc(50% + 41px);
    }
    .span-signup_gray {
        display: block;
        color: #8C94A2;
        font-size: 13px;
        line-height: 36px;
    }
    .span-signup_gray > b {
        display: block;
        color: #6FD376;
        font-size: 14px;
        line-height: 36px;
        font-weight: 400;
        display: inline-block;
    }
    .p-go_login {
        line-height: 36px;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
    }
    .p-go_login > b {
        margin-left: 14px;
        font-size: 18px;
        color: #6FD376;
        cursor: pointer;
    }
    .infowindow-title {
        line-height: 19px;
        color: #26324A;
        font: 500 13px Roboto, Arial, sans-serif !important;
    }
    .infowindow-title > p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.54);
        margin-top: 6px;
    }
    .gm-style .gm-style-iw-c {
        position: absolute;
        box-sizing: border-box;
        overflow: hidden;
        top: 0;
        left: 0;
        transform: translate(-50%,-100%);
        background-color: white;
        border-radius: 0px !important;
        padding: 12px;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    .box-device_sorting {
        width: 246px;
        height: 400px;
        box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
        background: #fff;
        position: absolute;
        right: 20px;
        margin-top: 50px;
        z-index: 10;
        display: none;
    }
    .box-device_sorting > ul {
        margin: 0;
        padding: 0;
    }
    .box-device_sorting > ul > li {
        list-style: none;
        height: 50px;
        padding: 11px 19px;
        box-sizing: border-box;
    }
    .box-device_sorting > ul > li.active {
        list-style: none;
        height: 50px;
        padding: 11px 19px;
        box-sizing: border-box;
        background: #EEEEEE;
    }
    input[type=checkbox] + label {
        display: block;
        margin: 0.2em;
        cursor: pointer;
        padding: 0.2em;
        font-size: 13px;
    }

    input[type=checkbox] {
        display: none;
    }

    input[type=checkbox] + label:before {
        content: "\2714";
        border: 1px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
        display: inline-block;
        width: 14px;
        height: 17px;
        padding-left: 0.2em;
        /* padding-bottom: 0.3em; */
        margin-right: 11px;
        vertical-align: bottom;
        color: transparent;
    }
    input[name=all] + label:before {
        content: "\2014";
        border: 1px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
        display: inline-block;
        width: 14px;
        height: 17px;
        padding-left: 0.2em;
        /* padding-bottom: 0.3em; */
        margin-right: 11px;
        vertical-align: bottom;
        color: transparent;
    }
    input[type=checkbox]:checked + label:before {
        background-color: #6FD376;
        border-color: #6FD376;
        color: #fff;
    }
    input[type=checkbox]:checked + .label-report:before {
        background-color: #AC4242;
        border-color: #AC4242;
        color: #fff;
    }
    input[type=checkbox]:disabled + label:before {
        border-color: #aaa;
    }
    input[type=checkbox]:checked:disabled + label:before {
        background-color: #bfb;
        border-color: #bfb;
    }
    input[name=deviceInput]:checked + label:before {
        background-color: #fff;
        border-color: #AAB0BA;
        color: #464646;
    }
    input[name=deviceInput] + label:before {
        content: "\2714";
        border: 1px solid #AAB0BA;
        border-radius: 2px;
        display: inline-block;
        width: 18px;
        height: 19px;
        padding-left: 0.2em;
        /* padding-bottom: 0.3em; */
        margin-right: 11px;
        vertical-align: bottom;
        color: transparent;
        background: #fff;
    }
    input[type=checkbox] + .remember {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        margin: 0.2em;
        cursor: pointer;
        padding: 0.2em;
    }
    input[type=checkbox] + .remember:before {
        content: "\2714";
        border: 2px solid #6FD376;
        border-radius: 4px;
        display: inline-block;
        width: 17px;
        height: 17px;
        padding: 0em 0em;
        /* padding-bottom: 0.3em; */
        margin-right: 8px;
        vertical-align: text-bottom;
        color: transparent;
        line-height: 1em;
    }
    .popup-device_info_m {
        display: none;
    }
    .popup-exp_info {
        display: none;
    }
    .popup-device_info {
        max-width: 768px;
        position: absolute;
        z-index: 100;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        position: absolute;
        bottom: 66%;
        right: calc(50% - 0px);
        transform: translate(50% , 50%) translate(131px);
        display: none;
    }
    .popup-device_info > span {
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        font-size: 18px;
        line-height: 19px;
        color: #26324A;
        padding: 15px;
        font-weight: bold;
        padding-left: 50px;
    }
    .popup-device_info > span > p {
        display: inline-block;
        margin: 0;
        float: right;
    }
    .title-popup > p > a {
        cursor: pointer;
    }
    .title-popup > p > img:first-child {
        vertical-align: middle;
        margin-right: 47px;
        margin-left: -47px;
        width: 18px;
    }
    .title-popup > p > img:nth-child(2) {
        vertical-align: middle;
        margin-right: 20px;
        margin-left: -35px;
        width: 18px;
    }
    .popup-wrapper-inpspection_infomation{
        width: 100%;
        float: left;
        padding: 15px;
        box-sizing: border-box;
    }
    .popup-box_center {
        float: left;
        height: 190px;
        border: 1px solid #F0F0F0;
        width: 50%;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
        margin-right: 1%;
    }
    .content-status_info > span {
        display: block;
        padding: 4px 0 4px 10px;
        font-size: 13px;
        line-height: 24px;
        color: #757575;
        font-weight: 500;
        width: 50%;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px solid #F0F0F0;
        height: 34px;
    }
    .content-status_info > span:first-child {
        display: block;
        padding: 4px 0 4px 10px;
        font-size: 13px;
        line-height: 24px;
        color: #757575;
        font-weight: 500;
        box-sizing: border-box;
    }
    .content-status_info > span:last-child {
        display: block;
        padding: 11px 0 11px 11px;
        font-size: 16px;
        line-height: 19px;
        color: #757575;
        font-weight: 500;    
        box-sizing: border-box;
        width: 100%;
        border-bottom: none;
    }
    .content-status_info > span > p {
        display: inline-block;
        height: 24px;
        width: 34px;
        margin: 0;
    } 
    .content-status_info > span > p > img {
        vertical-align: middle;
        transform: scale(0.7);
        -webkit-transform:scale(0.7);  
        -moz-transform:scale(0.7);
        -o-transform:scale(0.7);
    }
    .content-status_info > span:last-child > img {
        height: 24px;
        vertical-align: top;
        float: left;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
    }
    .img-popup_temp {
        margin-left: 2px;
    }
    .fs17 {
        font-size: 17px !important;
    }
    .text_status {
        color: #6FD376 !important;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px !important;
    }
    .text_time {
        font-size: 15px;
        color: #26324A;
    }
    .content-status_info > span > a {
        font-size: 14px;
        line-height: 24px;
        color: #26324A;
        font-weight: bold;
    }
    #popup-box_map {
        min-height: 265px;
        display: inline-block !important;
        width: 24% !important;
        min-width: 24% !important;
        min-height: 190px !important;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    }
    .box-radon_set {
        width: 30%;
        float: left;
        text-align: center;
        font-size: 12px;
    }
    .box-radon_set > a {
        display: block;
        border-bottom: 2px solid #6FD376;
        width: 80%;
        margin: 0 auto;
        color: #26324A;
        font-weight: bold;
        font-size: 14px;
    }
    .popup-box_left {
        display: inline-block;
        float: left;
        width: 158px;
        text-align: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid #F0F0F0;
        box-sizing: border-box;
        margin-right: 1%;
        height: 190px;
        position: relative;
    }
    #canvas {
        position: absolute;
        top: 50%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .donut {
        display: inline-block;
        position: relative;
        width: 190px;
        height: 190px;
    }
    .donut > svg circle {
        stroke-dasharray: 3.14 * 2 * 50;
        stroke-linecap:round;
        cx: 103 !important;
        cy: 85 !important;
        r: 68 !important;
        stroke-width: 12 !important;
    }
    
    .donut > svg circle:last-child:hover {
        stroke-dasharray: 3.14 * 2 * 50;
        stroke-dashoffset: (3.14 * 2 * 50)/2;
        stroke-linecap:round;    
        transition:stroke-dashoffset 1s;
    }
    .donut > svg {
        transform:rotateZ(-135deg);
        width: 188px !important;
        height: 185px !important;
    }
    .popup-box-chart {
        padding: 15px;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }
    .popup-box-chart > #container {
        width: 700px;
        float:left;
    }
    .text-inner_donut {
        position: absolute;
        top: 52%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .text-inner_donut > span:first-child {
        color: #26324A;
        font-size: 13px;
    }
    .text-inner_donut > span:first-child > b {
        color: #26324A;
        font-size: 21px;
        font-weight: bold;
        font-style: italic;
    }
    .text-inner_donut > span {
        color: #4ECB60;
        font-size: 13px;
        line-height: 21px;
        display: block;
        font-weight: 500;
    }
    .text-inner_donut-ready {
        position: absolute;
        top: 55%;
        left: 49%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .text-inner_donut-ready > span:first-child {
        font-size: 22px;
        color: #8C94A2;
        font-weight: bold;
        font-style: italic;
    }
    .text-inner_donut-ready > span:first-child > b {
        color: #26324A;
        font-size: 22px;
        font-weight: bold;
        font-style: italic;
    }
    .text-inner_donut-ready > span {
        font-size: 13px;
        line-height: 26px;
        display: block;
        font-weight: bold;
        color: #8C94A2;
    }
    .popup_humi > a {
        color: #26324A;
        font-size: 21px;
        line-height: 36px;
        font-weight: bold;
    }
    .popup_temp > a {
        color: #26324A;
        font-size: 21px;
        line-height: 36px;
        font-weight: bold;
    }
    .popup_humi > img {
        vertical-align: sub;
    }
    .popup_temp > img {
        vertical-align: sub;
    }
    .popup_temp {
        margin-right: 20px;
    }
    .popup-box_temphumi {
        text-align: center;
    }
    .overlay {
        top: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }
    .loading_circle {
        position: absolute;
        z-index: 100;
        transform: translate(-50%, -50%) translate(131px, 0);
        bottom: 50%;
        left: 50%;
        display: none;
    }
    #table-client_wrapper > .bottom {
        padding: 18px;
    }
    #table-client {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #table-client > tbody {
        display: table-row-group;
    }
    #table-client > thead > tr:first-child {
        height: 66px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #table-client > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 14px;
        color: #26324A;
    }
    #table-client > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #table-client > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
    }
    #table-client > tbody > tr > td:first-child {
        width:20% !important;
    }
    #table-client > tbody > tr > td:nth-child(2) {
        width:20% !important;
    }
    #table-client > tbody > tr > td:last-child {
        width:60% !important;
    }
    #table-client > tbody > tr > td > img{
        margin-right: 10px;
        display: none;
    }
    .report-title_mobile {
        display: none;
    }
    #table-report_wrapper > .bottom {
        padding: 18px;
    }
    #table-report {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #table-report > tbody {
        display: table-row-group;
    }
    #table-report > thead > tr:first-child {
        height: 60px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #table-report > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 5px 5px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 14px;
        color: #26324A;
    }
    #table-report > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #table-report > tbody > tr > td {
        text-align: center;
        font-size: 13px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 13px 6px;
        line-height: 16px;
        border-left: none;
    }
    #table-report > tbody > tr > td > i{
        margin-right: 10px;
        font-size: 20;
    }
    #table-report > tbody > tr > td > .img_arrow {
        display: none;
    }
    .icon-report {
        width: 15px;
    }
    .edit-client-btn {
        padding: 15px 0 15px 13px;
        background: #EEEEEE;
        color: #26324A;
        font-size: 15px;
        line-height: 17px;
        font-weight: 500;
        text-align: left;
    }
    .edit-client-btn > img {    
        margin-right: 17px;
        width: 16px;
        height: 16px;
    }
    .delete-client-btn {
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        padding: 15px 0 15px 13px;
        line-height: 16px;
        text-align: left;
    }
    .delete-client-btn > img {
        margin-right: 17px;
        width: 13px;
        height: 16px;
    }
    .add-client-btn {
        width: 150px;
        height: 50px;
        background: #6FD376;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        color: #fff;
        border: none;
        font-size: 14px;
        line-height: 19px;
        float: right;
        cursor: pointer;
        margin-top: 18px;
    }
    .add-client-btn > img {
        margin-right: 10px;
        vertical-align: top;
    }
    .box-account {
        margin: 0 auto;
        border: none;
        box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
        margin-top: 30px;
    }
    .setting-admin {
        display: inline-block;
        margin-top: 37px;
        width: 100%;
    }
    .text-setting-account {
        color: #2B2B2B;
        font-size: 14px;
        font-weight: 500;
    }
    .text-setting-company {
        margin-top: 37px;
        color: #2B2B2B;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 17px;
    }
    .setting-notice {
        color: #8C94A2;
        font-size: 14px;  
    }
    #companyLogo {
        width: 100%;
        height: 38px;
        border: none;
        border-radius: 24px;
        padding-left: 21px;
    }
    .setting-choose-file {
        width: 20%; float: left;
    }
    .setting-choose-file > label {
        color: #868686;
        font-size: 12px;
        text-align: center;
        background: #D1D3D6;
        border-radius: 14px;
        cursor: pointer;
        padding: 6px 14px;
        margin-top: 5px;
        display: inline-block;
        box-sizing: content-box;
    }
    .mb30 {
        margin-bottom: 30px;
    }
    .mb10 {
        margin-bottom: 10px;
    }
    .report-top_mobile {
        display: none;
    }
    .box-report {
        height: 845px;
        width: 595px;
        border: 1px solid rgb(180, 180, 180);
        margin: 0 auto;
        background: #fff;
        border: 1px solid #000;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        display: inline-block;
        padding-top: 10px;
        box-sizing: border-box;
        float: left;
        z-index: 11;
        position: relative;
    }
    .box-preview-btn {
        display: none;
    }
    .report-preview_btn {
        display: none;
    }
    .report_info-txt {
        margin-top: 0;
        font: normal normal normal 10px/22px Roboto;
        letter-spacing: 0px;
        color: #888888;
        margin-left: 24px;
    }
    .report-bottom {
        position: absolute;
        bottom: 22px;
        width: calc(100% - 40px);
        box-sizing: border-box;
        font: normal normal normal 12px/22px Roboto;
        letter-spacing: 0px;
        color: #888888;
        border-top: 1px solid #888;
        margin: 0 20px;
        padding-top: 10px;
    }
    .report-bottom > span:nth-child(2) {
        float: right;
    }
    .box-report_title {
        margin-bottom: 0px;
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #F0F0F0;
    }
    .box-report_title > p:first-child {
        font-size: 21px;
        font-weight: bold;
        line-height: 24px;
        color: #000;
    }
    /* .box-report_title > p:nth-child(2) {
        width: 45%;
        display: inline-block;
        float: left;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
    }  */
    .box-report_title > p > b {
        color: #000;
        font-size: 15px;
    }
    /* .box-report_title > p:last-child {
        width: 55%;
        display: inline-block;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
    }  */
    .box-report_logo {
        margin: 0 auto;
        text-align: center;
        padding: 16px;
        height: 90px;
        width: 430px;
        border: 2px dashed #707070;
        margin-bottom: 34px;
    }
    .box-report_logo > p {
        color: rgba(0, 0, 0, 0.54);
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
    }
    .file-select-name {
        font-size: 11px;
    }
    .box-report_content > p {
        font-size: 21px;
        text-align: center;
        color: #000;
        line-height: 24px;
        font-weight: bold;
        margin-top: 3px;
    }
    .wrapper-report_map {
        width: 170px;
        height: 160px;
        float: left;
        padding: 30px;
    }
    .box-report_inspectionInfo {
        padding: 10px 0px;
        border-bottom: 1px solid #F0F0F0;
        margin: 0 20px;
        display: flex;
    }
    .content-inspectionInfo {
        width: calc(100% - 230px);
        float: left;
    }
    .content-inspectionInfo > p {
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        margin: 8px 0;
    }
    .content-inspectionInfo > span {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        word-break: break-word;
    }
    .box-report_inspectorInfo {
        padding: 20px;
    }
    .box-report_inspectorInfo > p {
        margin-bottom: 17px;
    }
    .box-report_inspectorInfo > p > span:first-child {
        color: #8C94A2;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        width: 35%;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .box-report_inspectorInfo > p > span:nth-child(2) {
        display: inline-block;
        width: 65%;
        padding-left: 40px;
        box-sizing: border-box;
        font-weight: 600;
        color: #000;
        line-height: 16px;
    }
    .report-date {
        color: #000;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        width: 31%;
        margin-left: 30px;
        box-sizing: border-box;
        float: left;
        border-top: 1px solid #000;
        padding-top: 11px;
    }
    .report-signature{
        display: inline-block;
        width: 53%;
        margin-left: 31px;
        box-sizing: border-box;
        font-weight: 500;
        color: #000;
        line-height: 16px;
        font-size: 12px;
        padding-top: 11px;
        border-top: 1px solid #000;
    }
    #select-client {
        border: none;
        border-bottom: 2px solid #6FD376;
        width: 90%;
        font-size: 16px;
        font-weight: 500;
        color: #000;
    }
    input[type="file"] {
        display: none;
    }
    #label_file {
        padding: 3px 13px;
        display: table;
        color: rgba(0, 0, 0, 0.54);
        border: 1px solid #707070;
        border-radius: 3px;
        background: #F0F0F0;
        font-size: 11px;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
    }
    .wrapper-button_left {
        width: calc((100% - 595px)/2);
        float: left;
        box-sizing: border-box;
        padding-right: 40px;
        text-align: right;
        height: 845px;
        padding-top: 390px;
    }
    .wrapper-button_right {
        width: calc((100% - 595px)/2);
        float: left;
        box-sizing: border-box;
        padding-left: 40px;
        height: 845px;
        padding-top: 390px;
    }
    .btn-report_left {
        width: 40px;
        height: 40px;
        background: #6FD376;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        color: #fff;
        font-size: 19px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        z-index: 11;
        position: relative;
    }
    .btn-report_right {
        width: 40px;
        height: 40px;
        background: #6FD376;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        color: #fff;
        font-size: 19px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        z-index: 11;
        position: relative;
    }
    .box-environment, .box-comment {
        padding: 27px;
    }
    .box-environment > p, .box-comment > p, .box-report_site > p {
        font-size: 14px;
        color: #2B2B2B;
        line-height: 16px;
    }
    .box-environment > textarea {
        height: 180px;
        width: 95%;
        border: 1px solid #707070;
    }
    .box-comment > textarea {
        height: 130px;
        width: 95%;
        border: 1px solid #707070;
    }
    .box-report_site {
        margin: 37px;
        text-align: center;
        padding: 16px;
        height: 122px;
        /* width: 595px; */
        border: 2px dashed #707070;
        margin-bottom: 34px;
        box-sizing: border-box;
    }
    .box-report_site > p {
        color: rgba(0, 0, 0, 0.54);
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
    }
    .box-report_inspectionResult {
        padding: 0 44px;
        display: inline-block;
    }
    .box-report_inspectionResult > div > p {
        color: #8C94A2;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .box-report_inspectionResult > div > span {
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: 500;
        line-height: 19px;
    }
    .box-report_inspectionResult > div {
        width: 50%;
    }
    .wrapper-report_chart {
        background: #fff;
        max-height: 220px;
        padding: 20px 20px 0 5px;
    }
    .title-report_table {
        color: #26324A;
        font-size: 21px;
        line-height: 24px;
        font-weight: bold;
        margin: 0;
        text-align: center;
    }
    .title-report_radon {
        margin-bottom: -20px !important;
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        margin-top: 10px;
        text-decoration: underline;
    }
    .report_table {
        margin: 30px;
        border: 1px solid #707070;
        height: 730px;;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
    }
    .report_table_col {
        width: 50%;
        float: left;
        text-align: center;
    }
    .report_table_col:first-child {
        border-right: 1px solid #707070;
    }
    .report_table_col > ul {
        padding: 0px;
        margin: 0px;
    }
    .report_table_col > ul > li:first-child {
        padding: 15px;
        background: #F0F0F0;
    }
    .report_table_col > ul > li {
        list-style: none;
        padding: 8px 0 0 10px;
    }
    .report_table_col > ul > li > span {
        color: #26324A;
        font-size: 14px;
        font-weight: 500;
        width: 50%;
        display: inline-block;
    }
    .report_table_col > ul > li:first-child > span:first-child {
        width: 35%;
    }
    .report_table_col > ul > li:first-child > span:nth-child(2) {
        width: 28%;
    }
    .report_table_col > ul > li:first-child > span:nth-child(3) {
        width: 20%;
    }
    .report_table_col > ul > li:first-child > span:nth-child(4) {
        width: 20%;
    }
    .report_table_col > ul > li > span:first-child {
        width: 30%;
        text-align: left;
    }
    .report_table_col > ul > li > span:nth-child(2) {
        width: 10%;
        text-align: left;
    }
    .report_table_col > ul > li > span:nth-child(3) {
        width: 11%;
    }
    .report_table_col > ul > li > span:nth-child(4) {
        width: 13%;
    }
    .delete-file {
        background: #b9b9b9;
        padding: 0px 3px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        margin-left: 3px;
    }
    .title-verifyEmail {
        color: #2B2B2B;
        font-size: 18px;
        font-weight: bold;
        line-height: 30px;
    }
    .header-verifyEmail {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 0 0 10px;
    }
    .header-verifiedEmail {
        border: none;
        padding: 0 0 10px;
    }
    .span-verifyEmail {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 12px 7px;
        background: rgba(111, 211, 118, 0.2);
        display: block;
    }
    .modal-employee-title {
        font-size: 18px;
        font-weight: bold;
        color: #2b2b2b;
        text-align: center;
        width: 100%;
    }
    .span-employee-modal {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 0px 7px;
        display: block;
        color: #2B2B2B;
        text-align: center;
        height: 99px;
        margin-bottom: 5px;
    }
    .span-verifedEmail {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        background: #fff;    
        line-height: 26px;
        padding: 12px 7px;
        display: block;
    }
    .p_verifiedEmail {
        text-align: center;
        font-size: 16px;
        display: block; 
    }
    .span-resendEmail {
        color: #2B2B2B;
        font-size: 16px;
        line-height: 26px;
        display: block;
        font-weight: 500;
        padding: 28px 7px;
    }
    #resend_email_btn {
        float: none !important;
        margin: 0 auto;
        display: block;   
    }
    #resend_email_btn, #go_login, #send_forgetPw_btn, #resend_email, #close_modal, #important_modal {
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        width: 120px;
        float: left;
    }
    #ok-employee-modal {
        border: 1px solid #26324A;
        height: 50px;
        font-size: 16px;
        padding: 13px 0 15px;
        background: #fff;
        color: #26324A;
        width: 120px;
        border-radius: 0px;
        font-weight: 500;
        margin: 0 auto;
    }
    .wrapper-bottom_btn {
        text-align: center;
        padding: 20px;
        display: block;
    }
    .dot-page-marker {
        text-align: center;
        margin-top: 10px;
        width: 100%;
        display: inline-block;
    }
    .dot-page {
        width: 8px;
        height: 8px;
        background: #8C94A2;
        border-radius: 50%;
        display: inherit;
        margin-right: 10px;
        opacity: 0.3;
    }
    .dot-page.selected {
        opacity: 1;
    }
    .btn-cancel_preview {
        width: 285px;
        background: #fff;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        border: none;
        z-index: 12;
        position: relative;
        padding: 16px;
        margin-top: 22px;
        margin-right: 13px;
        cursor: pointer;
    }
    .btn-save_report {
        width: 285px;
        background: #6FD376;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        border: none;
        z-index: 12;
        position: relative;
        padding: 16px;
        margin-top: 22px;
        cursor: pointer;
    }
    #img-preview_logo {
        width: auto;
        position: absolute;
        max-width: 585px;
        max-height: 125px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none;
    }

    #img-preview_site {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none;
        padding: 27px;
        box-sizing: border-box;
        max-width: 585px;
        max-height: 400px;
    }
    #img-preview_comment {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none;
        box-sizing: border-box;
        max-width: 100%;
        max-height: 400px;
        transform-origin: 13% -3%; /* IE 10+, Firefox, etc. */
        -webkit-transform-origin: 13% -3%; /* Chrome */
        -ms-transform-origin: 13% -3%; /* IE 9 */
    }
    .html2canvas-container { width: 3000px !important; height: 10000px !important; }
    .icon-report {
        cursor: pointer;
    }

    table.dataTable thead th {
        position: relative;
        background-image: none !important;
    }
    
    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        font-family: FontAwesome;
        color: rgba(0, 0, 0, 0.54);
    }
    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: #ddd;
        font-size: 0.8em;
        padding-top: 0.12em;
    }
    table.dataTable thead th.sorting_asc:after {
        content: "\f062";
    }
    table.dataTable thead th.sorting_desc:after {
        content: "\f063";
    }
    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: rgba(0, 0, 0, 0.54);
        font-size: 0.8em;
        padding-top: 0.12em;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: #fff;
        box-shadow: none;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 2px;
        background: #fff;

    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 2px;
        background: #fff;
    }
    .close-report_preview {
        position: relative;
        color: #fff;
        z-index: 11;
        text-align: right;
        width: 595px;
        margin: 0 auto;
        padding-left: 30px;
        font-size: 15px;
    }
    .close-report_preview > span {
        cursor: pointer;
        font-weight: bold;
    }
    .find-password {
        color: #6FD376;
        font-size: 16px;
        padding-left: 400px;
        font-weight: 500;
        display: inline-block;
        margin-bottom: 5px;
        cursor: pointer;
    }
    #input-email {
        width: 100%;
        margin-bottom: 27px;
        border: 1px solid #707070;
    }
    .span-forgetPw {
        font-size: 14px;
        font-weight: 500;
        color: #2B2B2B;
        display: block;
        padding: 20px 0 10px 0;
    }
    .span-tempPwEmail, .span-pw {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 12px 7px;
        display: block;
        text-align: center;
    }
    .span_tempPw {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 12px 7px;
        background: rgba(111, 211, 118, 0.2);
        display: block;
        margin-top: 20px;
    }
    .wrapper-support {
        padding: 50px;
    }
    
    .hyperlink {
        color: #3465C6 !important;
        text-decoration: underline !important;
        cursor: pointer;
    }
    .wrapper-faq {
        width: 100%;
        margin-top: 60px;
        display: none;
    }
    .title-faq {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 65px;
    }
    .content-faq {
        width: 50%;
        margin: 0 auto;
    }
    .content-faq > p {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 1px;
    }
    .content-faq > span {
        font-size: 15px;
        margin-bottom: 17px;
        display: block;
        line-height: 18px;
    }
    .title-support {
        color: #26324A;
        font-size: 32px;
        line-height: 38px;
        font-weight: bold;
        text-align: center;
        padding-top: 13px;
        margin-bottom: 50px;
    }
    .box-support {
        min-width: 500px;
        height: 150px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        width: 45%;
        float: left;
        padding: 30px 45px;
        border-left: 5px solid #6FD376;
        margin-right: 2%;
        cursor: pointer;
    }
    .support-left {
        width: 10%;
        float: left;
        height: 100%;
    }
    .support-right {
        border: none !important;
    }
    .support-right > p{
        color: rgba(0, 0, 0, 0.54);
        font-size: 28px;
        font-weight: bold;
        line-height: 33px;
        margin-bottom: 17px;
    }
    .support-right > span {
        color: rgba(0, 0, 0, 0.54);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 17px;
    }
    .highcharts-plot-line-label {
        filter: url(#solid);
    }
    .header-policyModal {
        padding: 0 0 10px;
        border:none;
    }
    .span-policy {
        color: #2B2B2B;
        font-size: 16px;
        line-height: 26px;
        display: block;
        font-weight: 500;
        padding: 10px 7px 20px;
    }
    .span-policy > p {
        line-height: 18px;
        font-size: 15px;
    }
    .span-policy > p > b {
        font-size: 17px;
    }
    .title-policy {
        color: #2B2B2B;
        font-size: 18px;
        font-weight: bold;
    }
    #agree_policy_btn {
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        width: 49%;
        float: left;
    }
    #disagree_policy_btn {
        height: 50px;
        font-size: 16px;
        padding: 15px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        background: rgba(0, 0, 0, 0.3);
        width: 49%;
        margin-right: 1%;
        float: left;
    }
    .disagree {
        background: rgba(0, 0, 0, 0.3);
        cursor: default;
    }
    .b_policy {
        cursor: pointer;
    }
    input::placeholder {
        color: #a5a5a5;
        font-weight: 300;
    }

    ::-webkit-input-placeholder {
        color:#a5a5a5;
        font-weight: 400;
    }

    ::-moz-placeholder {
        color:#a5a5a5;
        font-weight: 400;
    }

    ::-ms-placeholder {
        color:#a5a5a5;
        font-weight: 400;
    }

    ::placeholder {
        color:#a5a5a5;
        font-weight: 400;
    }

    .login_right {
        min-height: 100vh;
    }

    .icon-ecosense {
        width: 110px;
        float: right;
        padding: 10px;
        margin: 30px 50px;
    }
    
    .icon-ecosense-abs {
        width: 110px;
        position: absolute;
        top: 48px;
        right: 63px;
    }
    .logo-small_device {
        width: 550px;
        position: absolute;
        left: 50%;
        transform: translate(-50%,0);
        top: 130px;
    }

    .form-input {
        display: block;
        width: 100%;
        height: 40px;
        padding: 10px 0 11px 10px;
        font-size: 16px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .input-setting {
        border: 1px solid #707070;
        border-radius: 24px;
        padding: 10px 0 9px 21px;
        color: #000000;
        font-size: 16px;
        display: block;
        width: 100%;
        height: 40px;
        background-color: #fff;
        background-clip: padding-box;
        font-weight: 400;
    }
    .box-select_country {
        width: 30%;
        float: left;
    }
    .box-select_city {
        width: 33%;
        float: left;
        margin-right: 2%;
    }
    .box-select_state {
        width: 33%;
        float: left;
        margin-right: 2%;
    }
    .box-select_zipCode {
        width: 30%;
        float: left;
    }
    .box-select_left {
        width: 48%;
        float: left;
        margin-right: 4%;
    }
    .box-select_right {
        width: 48%;
        float: left;
    }
    .select-account {
        height: 40px;
        padding: 10px 0 11px 10px;
        font-size: 16px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        width: 100%;
    }
    .mb0 {
        margin-bottom: 0 !important;
    }
    .mt0 {
        margin-top: 0 !important;
    }
    .pb20 {
        padding-bottom: 20px;
    }
    .none {
        display: none;
    }
    #popup-update {
        width:60% !important;
    }
    #popup-update > #popup-content {
        padding: 20px 40px 30px !important;
    }
    #cali_reminder-dateList, #cali_reminder-deviceList  {
        list-style:none !important;
    }

}
/************* mobile device ***************/
@media screen and (max-width: 768px) {
    html {
        font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
        height: 100%;
        overflow: auto;
        background: #fff;
    }
    body {
        font-family: 'Roboto','Arial','Calibri','Trebuchet MS','Tahoma', sans-serif;
        font-weight: 400;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
        margin: 0px;
        height: 640px;
    }
    :focus {outline:none;}
    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block;
    }
    .h100 {
        height: 100%;
    }
    .fixed {
        overflow: auto;
    }
    .section-height {
        height: 100%;
        min-height: 640px;
    }
    .section-height.forgetPw {
        background: #202A3E;
    }
    .wrapper {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
    }
    .fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
        position: fixed;
    }
    .main-sidebar {
        display: none;
        background: #202A3E;
        position: absolute;
        top: 0;
        left: 0;
        min-height: 100%;
        width: 261px;
        z-index: 100;
        -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
        transition: transform .3s ease-in-out,width .3s ease-in-out;
    }
    .main-sidebar .sidebar {
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .main-sidebar .sidebar::-webkit-scrollbar {
        width: 6px;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-track {
        background: #202A3E;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-thumb {
        background: #26324A;
        border-radius: 3px;
    }
    .main-sidebar .sidebar::-webkit-scrollbar-thumb:hover {
        background: #6FD376;
    }
    .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
        white-space: nowrap;
        overflow: hidden;
    }
    .box-sidebar-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .box-sidebar-menu {
        color: #fff;
        margin-top: 35px;
    }
    .sidebar-menu {
        padding: 15px 0px 15px 26px;
        background: #26324A;
        margin-bottom: 3px;
        cursor: pointer;
    }
    .sidebar-menu > a {
        text-decoration: none;
        position: relative;
        display: block;
    }
    .sidebar-menu > a > img {
        margin-right: 11px;
        vertical-align: middle;
        transform: scale(0.8);
    }
    .sidebar-menu > a > i {
        width: 16px;
        height: 16px;
        margin-right: 11px;
        color: #fff;
        font-size: 19px;
        font-weight: 700;
        line-height: 19px;
    }
    .sidebar-menu.Data > a > i { 
        position: absolute;
        right: 11px;
    }
    .sidebar-menu > a > span {
        font-size: 14px;
        text-align: left;
        color: #fff;
        position: absolute;
        left: 60px;
    }
    .sidebar-menu.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
    }
    .sidebar-menu.ContinuousMonitoring {
        background: #202A3E;
    }
    .sidebar-menu.InspectionData {
        background: #202A3E;
        margin-bottom: 0;
    }
    .sidebar-menu.ContinuousMonitoring.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
    }
    .sidebar-menu.InspectionData.active {
        background: #6FD376; 
        box-shadow: inset 5px 0px 0px 0px #3BA84C;
        margin-bottom: 0;
    }
    .logo-pro_light {
        width: 150px;
        height: 46px;
        margin: 17px 56px 0 55px;
    }
    .title-sidebar_small {
        margin-left: 23px; 
        font-size: 13px; 
        color: #8C94A2; 
        margin-bottom: 11px;
        margin-top: 11px;
    }
    .fixed .right-side {
        padding-top: 50px;
    }
    .content-wrapper {
        min-height: 600px;
        height: 100%;
        background-color: #F0F0F0;
    }
    .content-wrapper {
        -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        margin-left: 261px;
        z-index: 3;
    }
    .content-header {
        position: relative;
        height: 61px;
        background: #ffffff;
        box-shadow: none;
    }
    .content-header>.breadcrumb {
        float: right;
        font-size: 12px;
        margin: 18px 20px 6px 0;
        height: 30px;
        padding: 0;
        display: inline-block;
        background: #fff;
        text-align: right;
    }
    .header-admin {
        display: none !important;
    }
    .breadcrumb>li {
        display: inline-block;
    }
    .mobile-navbar {
        float: left;
        display: block;
    }
    .mobile-navbar > i { 
        font-size: 18px;
        margin: 25px 0 0 37px;
        cursor: pointer;
    }
    .go-support {
        margin-right: 26px;
        font-size: 14px;
        color: #4D4F5C;
        font-weight: 400;
        cursor: pointer;
        display: none !important;
    }
    .box-account_top {
        height: 100%;
        display: inline-block;
        line-height: 38px;
        border-left: 1px solid #F0F0F0;
        cursor: pointer;
        display: none !important;
    }
    .span-user {
        font-size: 14px;
        margin-right: 9px;
        margin-left:22px;
    }
    .go-account-setting {
        display: block;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        padding: 0px 0 10px 10px;
        border-bottom: 1px solid rgba(95, 161, 252, 0.1);
        font-weight: 500;
        line-height: 15px;
    }
    .go-account-setting > img {
        margin-right: 15px;
        vertical-align: sub;
    }
    .sign-out {
        display: block;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        padding: 10px 0 0px 10px;
        font-weight: 500;
        line-height: 23px;
    }
    .sign-out > img {
        margin-right: 19px;
        vertical-align: sub;
    }
    .box-top-account {
        position: absolute;
        top: 70px;
        width: 207px;
        height: 80px;
        z-index: 1;
        background: #fff;
        display: none;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    }
    .content {
        min-height: 250px;
        padding: 15px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .box {
        position: relative;
        border-radius: 3px;
        background: #ffffff;
        border-top: 3px solid #d2d6de;
        margin-bottom: 20px;
        width: 100%;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }
    .box-body {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        padding: 10px;
    }
    .box-account-info {
        display: none;
    }
    .box-footer {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top: 1px solid #f4f4f4;
        padding: 10px;
        background-color: #fff;
    }
    .main-footer > a, .index-footer > a, .signup-footer > a, .login-footer > a  {
        color: #8C94A2;
        font-size: 10px;
        text-align: center;
        display: block;
        padding: 40px;
        text-decoration: none;
    }
    .main-footer > span {
        color: #8C94A2;
        font-size: 16px;
        text-align: center;
        display: block;
        padding: 20px;
    }
    .content-wrapper {
        -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        margin-left: 0;
        z-index: 3;
    }
    .row {
        width: 96%;
        margin: 1.4% 2% 1.7% 2%;
        float: left;
        min-height: 350px;
    }
    .row_inspection {
        width: 100%;
        margin: 0;
        float: left;
    }
    .box-content {
        min-height: 640px;
        background: #fff;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
    }
    #inspection-scroll {
        height: 500px;
        overflow-y: scroll;
    }
    .box-table {
        padding: 0px;
        display: block;
    }
    .box-table > span {
        font-size: 16px;
        line-height: 19px;
        font-style: italic;
        color: #26324A;
        display: none;
    }
    .box-title {
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        margin: 0 20px 20px 10px;
        display: none;
    }
    .mobile-top-title {
        font-size: 17px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 15px 0 17px 36px;
        float: left;
        width: 80%;
        display: block;
        box-sizing: border-box;
    }
    .mobile-top-title-side {
        display: none;
    }
    .mobile-title_top {
        font-size: 17px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 15px 0 17px 36px;
        float: left;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .mobile_sorting {
        display: block;
        float: right;
        width: 20%;
        box-sizing: border-box;
        height: 42px;
        padding-top: 12px;
        text-align: right;
        padding-right: 23px;
        background: #fff;
    }
    .device-title {
        font-size: 17px;
        line-height: 10px;
        font-weight: 600;
        margin-bottom: 0px;
        margin-top: 0 !important;
        color: #26324A;
        margin-left: 0;
        background: #fff;
        padding: 15px 0 17px 36px;
    }
    .monitoring-Navi_mobile {
        width: 100%;
        display: flex;
        background: #fff;
    }
    .mobile_nav_active {
        background: rgba(140, 148, 162, 0.1) !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #26324A !important;
    }
    .nav_deviceName_mobile {
        width: 100% !important;
        text-align: left !important;
        padding-left: 49px !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #26324A !important;
        background: rgba(140, 148, 162, 0.1) !important;
    }
    .mobile_popup_active {
        background: #E6E7E9 !important;
        border-bottom: 2.85px solid #6FD376 !important;
        color: #455065 !important;
    }
    .monitoring-Navi_mobile > p {
        margin: 0;
        width: 50%;
        padding: 10px 0 7px 0;
        text-align: center;
        float: left;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 14px;
        color: rgba(38, 50, 74, 0.3);
        border-bottom: 2.85px solid #F7F7F7;
        cursor: pointer;
        background: #fff;
        line-height: 16px;
    }
    .monitoring-popup-Navi_mobile > p {
        margin: 0;
        width: 50%;
        padding: 10px 0 7px 0;
        text-align: center;
        float: left;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 13px;
        color: rgba(38, 50, 74, 0.3);
        border-bottom: 2.85px solid #F7F7F7;
        cursor: pointer;
        background: #fff;
        line-height: 16px;
        background: #F0F0F0;
        border-bottom: 2.85px solid #E6E7E8;
    }
    .popup-status_m {
        color: #54C567;
    }
    #map-device {
        display: block;
        min-height: 400px;
        width: 100% !important;
    }
    .monitoring-map {
        margin: 0;
    }
    .wrapper-table {
        padding: 0px;
        background: #fff; 
    }  
    .table-device {
        width: 100%;
        background: #fff;
        border-collapse: collapse;
    }
    .table-device > thead {
        border-bottom: 1px solid #F0F0F0;
    }
    .table-device > thead, tbody {
        display: block;
    }
    .table-device > thead > tr:first-child {
        display: none;
    }
    .table-device > thead > tr {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        height: 50px;
        display: block;
        width: 100%;
    }
    .table-device > thead > tr > td {
        display: inline-block;
        text-align: center;
    }
    .table-device > thead > tr > td:first-child {
        display: inline-block;
        padding: 17px 0 17px 24px;
        width: 26%;
        text-align: left;
    }
    .table-device > thead > tr > td {
        width: 21%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
    }
    .table-device > thead > tr > td:nth-child(3) {
        width: 27%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
    }
    .table-device > thead > tr > td:last-child {
        width: 21%;
        color: #26324A;
        font-size: 16px;
        line-height: 19px;
        cursor: pointer;
    }
    .table-device > thead > tr > td:last-child > img {
        vertical-align: middle;
    }
    .table-device > tbody {
        overflow-y: unset;
        margin-right: 0px;
    }
    .table-device > tbody > tr {
        height: 61px;
        background: #fff;
        width: 100%;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        cursor: pointer;
    }
    .table-device > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: bold;
        display: inline-block;
    }
    .table-device > tbody > tr > td:first-child {
        width: 100%;
        padding: 20px 0 19px 36px;
        text-align: left;
    }
    .table-device > tbody > tr > td:first-child > .img_arrow {
        margin-right: 15px;
        vertical-align: middle;
    }
    .table-device > tbody > tr > td:first-child > .ellipsis-box {
        width: 25px;
        display: block;
        position: inherit;
        color: #6FD376;
        cursor: pointer;
        float: right;
        margin-right: 40px;
    }
    .table-device > tbody > tr > td:nth-child(2) {
        display: none;
    }
    
    .table-device > tbody > tr > td:nth-child(3) {
        display: none;
    }
    .table-device > tbody > tr > td:last-child {
        display: none;
    }
    .table-inspection {
        width: 100% !important;
        background: #fff;
        border-collapse: collapse;
    }
    .table-inspection > tbody > tr {
        height: 63px;
        background: #fff;
        width: 100%;
        display: block;
        border-bottom: 1px solid #F0F0F0;
        cursor: default;
    }
    .table-inspection > tbody > tr > td {
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        display: inline-block;
    }
    .table-inspection > tbody > tr > td:first-child {
        width: 100%;
        padding: 22px 0 22px 63px;
        text-align: left;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 19px;
    }
    .table-inspection > tbody > tr > td > .img_arrow {
        margin-right: 12px;
        margin-left: -26px;
    }
    .table-inspection > tbody > tr > td {
        width: 21%;
    }
    .table-inspection > tbody > tr > td:nth-child(3) {
        width: 27%;
    }
    .status_continuous {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #3465C6;
    }
    .status_continuous_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #1D386C;
    }
    .status_force_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #FF980B;
    }
    .status_ready {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #D06161;
    }
    .status_wait {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #8C94A2;
    }
    .status_measure {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #6FD376;
    }
    .status_measure_stop {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        margin-left: -10px;
        background: #2E803A;
    }
    .style-scroll::-webkit-scrollbar-track {
        background-color: #F7F7F7;
    }
    .style-scroll::-webkit-scrollbar {
        width: 8px;
        background-color: #E2E2E2;
    }
    .style-scroll::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #E2E2E2;
    }
    .box-map {
        width: 28%;
        margin: 0 20px;
        float: left;
    }
    .box-chart {
        margin: 0;
        width: 100%;
        float: left;
        min-height: 540px;
    }
    .wrapper-chart {
        background:#fff;
        padding: 20px 20px 0 20px;
    }
    
    /*
    .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr>td, .ui.table:not(.unstackable) tr>th {
        width: auto!important;
        display: block;
    }
    */
    .no-padding {
        width: 100% !important;
        display: inline-table !important;
        height: 42.5px !important;
    }
    #sub-table > tbody > tr, #sub-table_customer > tbody > tr, #sub-table_monitoring > tbody > tr, #sub-table_report > tbody > tr{
        padding: 0 !important;
    }
    #example > tbody > .no-padding > td:first-child, #table-client > tbody > .no-padding > td:first-child, #table-report > tbody > .no-padding > td:first-child {
        width: 100% !important;
        padding: 0 !important;
    }
    #example {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #example > tbody {
        display: table-row-group;
    }
    #example > thead > tr:first-child {
        height: 66px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
        display: none !important;
    }
    #example > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
    }
    #example > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #example > tbody > tr, #table-client > tbody > tr {
        height: 62px;
        width: 100% !important;
        border-bottom: 1px solid #CCCCCC;
    }
    #example > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 28px;
        border-left: none;
    }
    #example > tbody > tr > td:first-child {
        width: 70% !important;
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding-left: 36px !important;
    }
    #example > tbody > tr > td:nth-child(2) {
        display: none !important;
    }
    #example > tbody > tr > td:nth-child(3) {
        width: 30% !important;
        float: left;
        box-sizing: border-box;
    }
    #example > tbody > tr > td > img {
        margin-right: 30px;
    }
    .small-title_mobile {
        background: rgba(140, 148, 162, 0.1);
    }
    .small-title_mobile > p {
        font-size: 14px;
        font-weight: 600;
        margin-left: 36px;
        padding: 10px 0;
    }
    .dataTables_filter {
        display: none !important;
    }
    .ui.form input[type=search] {
        border-radius: 23px;
        min-width: 295px;
        border: none;
        box-shadow: none;
        font-size: 14px;
    }
    textarea, input {
        padding:10px;
        font-family: FontAwesome, 'Roboto', sans-serif !important;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
    }
    .ui.menu {
        border: none;
        box-shadow: none;
    }
    .ui.menu .item:before {
        position: absolute;
        content: '';
        top: 0;
        right: 0;
        height: 100%;
        width: 1px;
        /* background: rgba(34,36,38,.1); */
    }
    #example_wrapper > .bottom {
        padding: 18px;
    }
    div.dataTables_wrapper div.dataTables_info {
        white-space: nowrap;
    padding: 9px 20px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    }
    .dataTables_wrapper .dataTables_length {
        float: left;
        color: rgba(0, 0, 0, 0.54) !important;
        font-weight: 500;
        font-size: 13px;
    }
    #table-client_paginate, #example_paginate {
        display: inline-block;
        margin-top: 0;
        padding-top: 0;
        float: right;
    }
    .ui.table tr td {
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    .inspectorId-device {
        display: none;
    }
    .ellipsis-box, .exp-menu {
        width: 25px;
        display: block;
        position: inherit;
        color: #6FD376;
        cursor: pointer;
        float: right;
    }
    .ellipsis-menu-box {
        min-width: 225px;
        position: absolute;
        right: 15px;
        top: inherit;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 1;
        display: none;
    }
    .exp-menu-box {
        min-width: 225px;
        position: absolute;
        right: 15px;
        top: inherit;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 1;
        display: none;
    }
    .exp-detail-btn {
        padding: 13px 0 11px 17px;
        background: #fff;
        color: #26324A;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        text-align: left;
        border-bottom: 1px solid #F0F0F0;
    }
    .exp-report-btn {
        font-size: 14px;
        color: #6FD376;
        padding: 12px 0 12px 17px;
        line-height: 19px;
        text-align: left;
        font-weight: bold;
    }
    .box-inspection_status {
        display: none;
        position: relative;
        width: 225px;
        height: 53px;
        margin-left: -225px;
        text-align: center;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        background: #fff;
    }
    .box-inspection_status > p {
        margin-top: 19px;
        line-height: 16px;
        font-size: 14px;
        font-weight: 500;
        color: #26324A;
        display: inline-block;
    }
    .add-inspector-btn {
        padding: 18px 0 18px 17px;
        background: #EEEEEE;
        color: #26324A;
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
        text-align: left;
    }
    .add-inspector-btn > img {
        margin-right: 18px;
    }
    .transfer-authority-btn {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        padding: 18px 0 18px 17px;
        line-height: 21px;
        text-align: left;
    }
    .transfer-authority-btn > img {
        margin-right: 18px;
    }
    #example > tbody > tr > td > i {
        position: absolute;
        left: 35px;
        margin-top: 5px;
        font-size: 15px;
    }
    div.dataTables_wrapper div.dataTables_length select {
        vertical-align: middle;
        min-height: 2.7142em;
        background: #fff;
        border: none;
    }
    .modal {
        position: fixed;
        /* top: 0; */
        /* right: 0; */
        /* bottom: 0; */
        /* left: 260px !important; */
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0;
        padding: 0 !important;
        min-width: 320px;
        min-height: 200px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: .3rem;
        outline: 0;
        padding: 0 !important;
    }
    .modal-lg {
        max-width: 670px;
    }
    .modal.show .modal-dialog {
        transform: translate(0, -50%);
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .modal-dialog {
        top: 50%;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: 24px;
        text-align: center;
        width: 100%;
        color: #6FD376;
        font-size: 14px;
        padding: 0px 0 0;
    }
    .close {
        float: right;
        font-size: 25px;
        font-weight: 700;
        line-height: 1;
        color: rgba(0, 0, 0, 0.54);
        text-shadow: 0 1px 0 #fff;
        opacity: 1;
        padding: 10px 15px !important;
        margin-left: -20px !important;
    }
    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 15px 35px 7px 35px;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 36px;
        padding: 10px 0 11px 10px;
        font-size: 12px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .label-delete_inspector {
        font-size: 16px;
    }
    .email-label {
        color: #2B2B2B;
        font-size: 12px;
    }
    .modal-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: none;
        border-top-left-radius: .3rem;
        border-top-right-radius: .3rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .modal-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1rem;
        border-top: none !important;
        padding: 0px 35px 16px;
    }
    .btn-cancel, .btn-delete_cancel {    
        width: 110px;
        height: 40px;
        font-size: 14px;
        padding: 8px;
        background: rgba(0, 0, 0, 0.3);
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        margin-right: 21px !important;
        cursor: pointer;
    }
    .btn-cancel:hover {    
        width: 110px;
        height: 40px;
        font-size: 14px;
        padding: 8px;
        background: rgba(0, 0, 0, 0.3);
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        margin-right: 21px !important;
        cursor: pointer;
    }
    #add_inspector_btn, #transfer_auth_btn, #add_client_btn, #edit_client_btn, #update_account_btn, 
    #save_client_btn, #delete-inspector_btn, #delete-client_btn, #go_transfer_btn {
        width: 110px;
        height: 40px;
        font-size: 14px;
        padding: 6px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        cursor: pointer;
    }
    div.slider {
        display: none;
    }
    .no-padding {
        padding: 0 !important;
    }
    #sub-table, #sub-table_customer, #sub-table_monitoring, #sub-table_report {
        width: 100%;
        border-bottom: none;
    }
    #sub-table > tbody, #sub-table_customer > tbody, #sub-table_monitoring > tbody, #sub-table_report > tbody {
        display: table-row-group;
    }
    #sub-table > thead > tr:first-child, #sub-table_customer > thead > tr:first-child, #sub-table_monitoring > thead > tr:first-child, #sub-table_report > thead > tr:first-child {
        height: 66px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #sub-table > thead > tr > th, #sub-table_customer > thead > tr > th, #sub-table_monitoring > thead > tr > th, #sub-table_report > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
    }
    #sub-table > thead > tr > th:last-child, #sub-table_customer > thead > tr > th:last-child, #sub-table_monitoring > thead > tr > th:last-child, #sub-table_report > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #sub-table > tbody > tr > td {
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
    }
    #sub-table_customer > tbody > tr > td {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 34px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
        padding-left: 43px !important;
    }
    #sub-table_monitoring > tbody > tr > td:first-child {
        text-align: left;
        font-size: 14px;
        color: #26324A;
        font-weight: 500;
        padding: 14px 0px 12.5px 43px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
        padding-left: 43px !important;
        width: 180px;
    }
    #sub-table_monitoring > tbody > tr > td:nth-child(2) {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 14px 0px 12.5px 0px;
        line-height: 16px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 1px solid #D9D9D9 !important;
        height: 42.5px;
        box-sizing: border-box;
    }
    #sub-table_monitoring > tbody > tr > td:nth-child(2) > span:first-child {
        margin-left: 0px;
        height: 8px;
        width: 8px;
        margin-right: 13px;
    }
    #sub-table > tbody > tr > td:first-child {
        width: 30% !important;
        float: left;
        box-sizing: border-box;
        display: none !important;
    }
    #sub-table > tbody > tr > td:nth-child(2) {
        width: 35% !important;
        float: left;
        box-sizing: border-box;
        height: 42.5px;
        line-height: 34px;
        font-size: 14px;
        text-align: left;
        padding-left: 35px !important;
    }
    #sub-table > tbody > tr > td:last-child {
        width: 65% !important;
        float: left;
        box-sizing: border-box;
        height: 42.5px;
        line-height: 34px;
        text-align: left;
        font-size: 14px;
    }
    #sub-table > tbody > tr:last-child > td, #sub-table_customer > tbody > tr:last-child > td, #sub-table_monitoring > tbody > tr:last-child > td {
        border-bottom: none !important;
    }
    #sub-table > tbody > tr > td > i {
        margin-right: 10px;
        font-size: 20;
    }
    #sub-table_exp {
        width: 100%;
        border-bottom: none;
    }
    #sub-table_exp > tbody {
        display: table-row-group;
    }
    #sub-table_exp > tbody > tr:last-child .exp-menu-box, #sub-table_exp > tbody > tr:nth-last-child(2) .exp-menu-box{
        min-width: 225px;
        position: absolute;
        right: 15px;
        bottom: 35px;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    #sub-table_exp > tbody > tr > td {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        padding: 12px 0 12px 48px;
        line-height: 19px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
    }
    #sub-table_exp > tbody > tr > td:first-child {
        width: 30%;
    }
    #sub-table_exp > tbody > tr > td:nth-child(2) {
        width: 30%;
    }
    #sub-table_exp > tbody > tr > td:last-child {
        width: 40%;
        position: relative;
    }
    #sub-table_exp > tbody > tr > td > i{
        margin-right: 10px;
        font-size: 20px;
    }
    #sub-table_report {
        width: 100%;
        border-bottom: none;
    }
    #sub-table_report > tbody {
        display: table-row-group;
    }
    #sub-table_report > tbody > tr > td {
        text-align: left;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        
        line-height: 19px;
        border-left: none;
        background: #F0F0F0;
        border-top: none;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
    }
    #sub-table_report > tbody > tr > td:first-child {
        width: 50%;
        padding: 12px 0 12px 64px;
    }
    #sub-table_report > tbody > tr > td:last-child {
        width: 50%;
        position: relative;
        padding: 12px 20px 12px 0px;
        text-align: right;
        box-sizing: border-box;
        color: #26324A;
    }
    #sub-table_report > tbody > tr > td > i{
        margin-right: 10px;
        font-size: 20px;
    }
    .top-inspector {
        display: inline-block;
        position: absolute;
        right: 30px;
    }
    .delete-inspector {
        display: inline-block;
        position: absolute;
        right: 30px;
    }
    .li-user {
        height: 30px;
        width: 30px;
        border: 1px solid #8C94A2;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
    }
    .li-user > img {
        width: 14px;
        padding: 6px 0px;
    }
    .search_mobile {
        margin-right: 15px;
    }
    .search_mobile > img {
        width: 18px;
        height: 18px;
        vertical-align: middle;
    }
    .search_mobile > input {
        display: none;
        height: 30px;
        background: #e6e7e9;
        border: none;
        border-radius: 21px;
        width: 200px;
        box-sizing: border-box;
    }
    .search-large_device {
        display: none;
    }
    #list-inpspection_report {
        padding: 0;
        margin: 0;
    }
    #list-inpspection_report > li {
        list-style: none;
        padding: 17px;
        border-bottom: 1px solid #F0F0F0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.54);
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        font-weight: 600;
    }
    .box-inpspection_infomation {
        float: left;
        min-width: 420px;
        margin-right: 40px;
        min-height: 265px;
        width: 55%;
    }
    #map {
        position: absolute !important;
        min-width: 285px;
        min-height: 265px;
        /*max-width: 350px;*/
        display: inline-block;
        width: 20%;
    }
    .wrapper-list-inpspection {
        width:100%;
        float:left;
        min-width: 348px;
    }
    .wrapper-list-inpspection > span {
        display: none;
    }
    .wrapper-inpspection_infomation{
        display: none;
    }
    #list-inpspection_report > li.active {
        background: rgba(111, 211, 118, 0.2);
    }
    .over-info {
        background: rgba(255, 255, 255, 0.5);
        float: right;
        height: 371.5px;
        margin-top: -371.5px;
        margin-right: 0px;
        overflow: visible;
        position: relative;
        width: 70%;
        color: #FFFFFF;
        z-index: 1000;
    }
    .over-info span {
        position: relative;
        top: 50%;
        left: 50%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        margin-left: -200px;
    }
    .btn-report {
        display: none;
    }
    .btn-preview {
        float: right;
        border: none;
        padding: 10px;
        color: #fff;
        background: #6FD376;
        width: 169.5px;
        height: 56px;
        font-size: 16px;
        line-height: 19px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        padding: 19px 0 18px;
        cursor: pointer;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
    }
    .btn-report > img, .btn-preview > img {
        margin-right: 7px;
        vertical-align: middle;
    }
    .over-chart {
        background: rgba(255, 255, 255, 0.8);
        height: 371.5px;
        margin-top: -371.5px;
        overflow: visible;
        position: relative;
        width: calc(100% - 26px);
        color: #FFFFFF;
        z-index: 10;
        margin-left: 13px;
        margin-right: 13px;
    }
    .over-chart span {
        position: absolute;
        top: 42%;
        left: 55%;
        font-size: 15px;
        color: rgba(0, 0, 0, 0.54);
        transform: translate(-42%, -55%);
        line-height: 21px;
    }
    .box-inspection_top {
        display: none;
    }
    .box-inspection_top > p {
        font-size: 21px;
        line-height: 24px;
        font-weight: 600;
        display: inline-block;
        margin: 16px 21px 16px 0;
        color: #26324A;
    }
    .box-inspection_top > p > a {
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        line-height: 19px;
        color: #26324A;
    }
    .box-inspection_top > span {
        font-size: 16px;
        line-height: 19px;
        color: #26324A;
        font-style: italic;
        margin: 18.5px 0;
    }
    #inspection-scroll::-webkit-scrollbar-track {
        background-color: #F7F7F7;
    }
    #inspection-scroll::-webkit-scrollbar {
        width: 14px;
        background-color: #E2E2E2;
    }
    #inspection-scroll::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #E2E2E2;
    }
    .content-inpspection_infomation > span {
        display: block;
        padding: 13px 0 17px;
        font-size: 16px;
        line-height: 19px;
        color: #26324A;
        font-weight: 500;
        border-bottom: 1px solid #F0F0F0;
    }
    .content-inpspection_infomation > span:last-child {
        display: block;
        padding: 22px 0 0;
        font-size: 16px;
        line-height: 19px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        border-bottom: none;
    }
    .content-inpspection_infomation > span > img {
        height: 24px;
        vertical-align: middle;
        margin-right: 30px;
    }
    .content-inpspection_infomation > span:last-child > img {
        height: 24px;
        vertical-align: top;
        margin-right: 30px;
    }
    .content-inpspection_infomation > span > a {
        margin-left: 30px;
        font-size: 18px;
        line-height: 24px;
        color: #26324A;
        font-weight: bold;
    }
    .content-radon_result {
        display: inline-block;
        width: 68px;
        margin-right: 20px;
        margin-top: 3px;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.54);
    }
    .content-radon_result:last-child {
        display: inline-block;
        width: 68px;
        margin-right: 0;
    }
    .content-radon_result > span {
        font-size: 14px;
        color: #26324A;
        margin-right: 5px;
        font-weight: bold;
    }
    .txt-radon_result {
        border-top: 2px solid #6FD376;
        text-align: center;
        padding: 2px 0 0;
        margin-top: 0px;
    }
    .txt-radon_result > a{
        font-size: 13px;
        color: #26324A;
    }
    .wrapper-inpspection_infomation{
        float: left;
        padding: 21px 25px 28px 33px;
        min-width: 782px;
        height: 350px;
        box-sizing: border-box;
        width: auto;
    }
    #map {
        position: absolute !important;
        min-width: 285px;
        min-height: 265px;
        max-width: 350px;
        display: inline-block;
    }
    .vm {
        vertical-align: middle;
    }
    .pointer {
        cursor: pointer;
    }
    .daterangepicker th.month {
        width: auto;
        background: #F0F0F0;
        color: #000000 !important;
    }
    .daterangepicker .drp-buttons .btn-primary {
        margin-left: 8px;
        font-size: 12px;
        font-weight: bold;
        padding: 4px 8px;
        background: #6FD376;
        width: 90px;
        height: 40px;
        color: #fff;
        border: none;
        cursor: pointer;
        box-shadow: 0 3px 6px 0 #D1D0D0 !important;
    }
    .box-Continuous_top {
        display: block;
        width: 100%;
        float: left;
        padding: 26px;
        background: #fff;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    .box-Continuous_top > p:first-child {
        display: none;
    }
    .continuous-title_mobile {
        display: block;
        width: 100%;
        background: #fff;
    }
    .continuous-title_mobile > span {
        padding: 0px 0 13px 36px;
        box-sizing: content-box;
        display: block;
        font-size: 17px;
        color: #26324A;
        font-weight: bold;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .box-dateRange {
        background: #fff;
        cursor: pointer;
        box-sizing: border-box;
        height: 36px;
        padding: 9px 0 8px 11px;
        font-size: 14px;
        color: #26324A;
        border: 1px solid #707070;
        width: 100%;
        order: 4;
    }
    .box-dateRange > img {
        width: 18px;
        height: 20px;
        float: right;
        margin-right: 11px;
    } 
    .box-dateRange > span {
        font-size: 16px;
        line-height: 19px;
        color: #4B515D;
        vertical-align: top;
    }
    #select-device_name {
        height: 36px;
        padding: 9px 0 8px 11px;
        font-size: 14px;
        color: #26324A;
        border: 1px solid #707070;
        width: 100%;
        order: 2;
    }
    .dataRange-title_mobile {
        order: 3;
        color: #2B2B2B;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 7px;
    }
    .device_name-title_mobile {
        order: 1;
        color: #2B2B2B;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 7px;
    }
    .btn-download {
        display: none;
    }
    .wrapper-chart.continuous {
        padding: 0;
    }
    .top-continuous_chart {
        padding: 10px 10px 0px 105px;
        box-sizing: border-box;
    } 
    .top-continuous_chart > span:first-child {
        display: none;
    }
    .top-continuous_chart > span {
        font-size: 11px;
        line-height: 21px;
        margin-right: 27px;
        color: rgba(0, 0, 0, 0.54);
        cursor: pointer;
        padding: 0px;
        padding-bottom: 3px;
    }
    .continuous-chart {
        margin: 0 auto; 
        padding:20px;
        width: 100%;
        box-sizing: border-box;
    }
    .daterangepicker .drp-selected {
        display: none !important;
    }
    .pick_day {
        border-bottom: 2px solid #26324A;
    }
    .box-Continuous-download_m {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
        display: inline-block;
    }
    .continuous-download_m {
        background: #4ECB60;
        color: #fff;
        width: 312px;
        margin: 0 auto;
        text-align: center;
        display: block;
        padding: 11px;
        border: none;
        border-radius: 20px;
    }
    .box-login_left {
        display: none;
    }
    .login_left {
        display: block;
    }
    .login_left > img {
        position: absolute;
        bottom: -10px;
        right: -15px;
    }
    .txt-login_left {
        margin-top: 281px;
    }
    .txt-login_left > p:first-child{
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 300;
    }
    .txt-login_left > p{
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 38px;
        color: #fff;
    }
    .txt-login_left > ul {
        margin: 0;
        padding-left: 111px;
    }
    .txt-login_left > ul > li {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 12px;
        font-weight: 300;
    }
    .line-login_left {
        width: 85px;
        border-bottom: 1px solid #fff;
        margin: 0 auto;
    }
    .wrapper-login_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 640px;
        height: 100%;
        background-color: #fff;
        display: block;
    }
    .wrapper-forgetPw_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 640px;
        height: 100%;
        background-color: #202A3E;
        display: block;
    }
    .login-go_signup {
        text-align: center;
        margin-top: 20px;
    }
    .btn-go_signup {
        color: #6FD376 !important;
        font-size: 16px;
        font-weight: bold !important;
        line-height: 19px;
        text-decoration: underline;
        cursor: pointer;
    }
    .btn-go_login-pw {
        font-size: 16px;
        font-weight: 400 !important;
        line-height: 19px;
        text-decoration: underline;
        cursor: pointer;
    }
    .login-go_signup > span {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        color: #26324A;
        margin-right: 19px;
    }
    .login-go_signup.forgetPw > span {
        color: #fff;
        text-align: center;
        margin-top: 40px;
        font-size: 16px;;
        font-weight: bold;
        text-decoration: underline;
    }
    .box-forgetPw-right {
        width: 300px;
        margin: 0 auto;
        padding-top: 40px;
    }
    .forgetPw.logo {
        width: 138px;
    }
    .main-footer.forgetPw {
        margin-top: 50px;
    }
    .login-footer {
        width: 100%;
        margin-top: 120px;
    }
    .box-forgetPw-right > p:nth-child(2) {
        font-size: 20px;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        margin-top: 48px;
    }
    .box-forgetPw-right > p:nth-child(3) {
        margin-top: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        margin-top: 17px;
        margin-bottom: 48px;
    }
    .box-forgetPw-right > p:nth-child(4) {
        margin-top: 0;
        color: #2B2B2B;
        font-size: 12px;
        font-weight: 400;
        margin-top: 21px;
    }
    .box-forgetPw-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-forgetPw-right > input {
        width: 100%;
        height: 37px;
        padding: 11px 0 10px 21px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
    }
    .box-checkEmail-right {
        width: 300px;
        margin: 0 auto;
        padding-top: 40px;
    }      
    .box-checkEmail-right > p:first-child {
        color: #fff;
        font-size: 19px;
        margin-bottom: 30px;
    }
    .box-checkEmail-right > p:nth-child(2) {
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 48px;
        text-align: center;
    }
    .box-checkEmail-right > p:nth-child(3) {
        color: #fff;
        font-size: 15px;
        margin-bottom: 20px;
        text-align: center;
    }
    .box-checkEmail-right > p:nth-child(4) {
        color: #fff;
        margin: 0 auto;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
    }
    .box-checkEmail-right > p:nth-child(5) {
        color: #fff;
        font-size: 15px;
        margin-top: 20px;
        text-align: center;
    }
    .box-checkEmail-bottom {
        text-align: center;
        margin-top: 150px;
    }
    .box-checkEmail-bottom > p {
        color: #fff;
        font-size: 15px;
    }
    .box-checkEmail-bottom > p > span {
        color: #4ECB60; 
        font-size: 17px;
        text-decoration: underline;
    }
    .box-createPw-right {
        width: 300px;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .box-createPw-right > p:first-child {
        font-size: 22px;
        line-height: 11px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #4ECB60;
        text-align: center;
    }
    .box-createPw-right > p:nth-child(2) {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 60px;
        text-align: center;
    }
    .box-createPw-right > p:nth-child(3) {
        color: #fff;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
        text-align: center;
        font-size: 12px;
    }
    .box-createPw-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 16px;
    }
    .box-createPw-right > input {
        width: 100%;
        height: 44px;
        padding: 11px 0 10px 21px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 14px;
    }
    .box-login-right {
        width: 300px;
        transform: translate(0%, 35%);
        margin: 0 auto;
    }
    .box-login-right > p:first-child {
        font-size: 17px;
        line-height: 11px;
        font-weight: bold;
        color: #26324A;
        margin-bottom: 11px;
    }
    .box-login-right > p:nth-child(2) {
        margin-top: 0;
        color: #8C94A2;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 38px;
    }
    .box-login-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .box-login-right > input {
        width: 100%;
        height: 37px;
        padding: 11px 0 10px 21px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 20px;
    }
    .box-password {
        height: 37px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 24px;
        background: #fff;
    }
    .box-password-input {
        width: 85%;
        float: left; 
    }
    .box-password-input > input { 
        width: 100%;
        height: 35px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: none;
        padding: 11px 0 10px 21px;
    }
    .box-password-show {
        width: 15%;
        float: left;
    }
    .show-pw {
        font-size: 12px;
        color: #6FD376;
        font-weight: 500;
        margin-top: 10px;
        display: inline-block;
        cursor: pointer;
        margin-right: 16px;
    }
    input[type=checkbox] + .remember {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        margin: 0.2em;
        cursor: pointer;
        padding: 0.2em;
        width: 50%;
    }
    input[type=checkbox] + .remember:before {
        content: "\2714";
        border: 2px solid #6FD376;
        border-radius: 4px;
        display: inline-block;
        width: 17px;
        height: 17px;
        padding: 0em 0em;
        margin-right: 6px;
        vertical-align: middle;
        color: transparent;
    }
    .btn-login {
        display: -webkit-box;
        width: 100%;
        padding: 9px 0;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 30px;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
    }
    .btn-submit {
        display: -webkit-box;
        width: 100%;
        padding: 9px 0;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        line-height: 19px;
        font-weight: 400;
        margin-top: 5px;
        cursor: pointer;
        color: #fff;
        font-size: 16px;
    }
    .btn-login > a, .btn-submit > a {
        text-align: center;
        width: 100%;
        display: block;
        text-decoration: none;
    }
    .box-signup_left {
        display: none;
    }
    .signup_left {
        display: block;
    }
    .signup_left > img {
        position: absolute;
        bottom: -10px;
        right: -15px;
    }
    .txt-signup_left {
        margin-top: 281px;
    }
    .txt-signup_left > p:first-child{
        text-align: center;
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        margin-bottom: 10px;
        font-weight: 300;
    }
    .txt-signup_left > p{
        text-align: center;
        font-size: 28px;
        font-weight: 500;
        margin-bottom: 38px;
        color: #fff;
    }
    .txt-signup_left > ul {
        margin: 0;
        padding-left: 111px;
    }
    .txt-signup_left > ul > li {
        font-size: 16px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 12px;
        font-weight: 300;
    }
    .line-signup_left {
        width: 85px;
        border-bottom: 1px solid #fff;
        margin: 0 auto;
    }
    .wrapper-signup_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 640px;
        height: 100%;
        background-color: #fff;
        max-width: 400px;
        display: block;
    }
    .wrapper-createPw_right {
        transition: transform .3s ease-in-out,margin .3s ease-in-out;
        z-index: 820;
        min-height: 640px;
        height: 100%;
        background-color: #26324A;
        min-width: 918px;
        display: block;
    }
    .signup_right {
        padding-top: 30px;
        height: 100%;
    }
    .box-signup-right {
        margin: 20px auto;
        padding: 20px;
    }
    .box-signup-right > p:first-child {
        font-size: 20px;
        line-height: 10px;
        font-weight: bold;
        color: #26324A;
        margin-bottom: 16px;
        margin-top: 0px;
    }
    .box-signup-right > p:nth-child(2) {
        margin-top: 0;
        color: #8C94A2;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 21px;
    }
    .box-signup-right > label {
        display: block;
        color: #2B2B2B;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        margin-bottom: 4px;
    }
    .box-signup-right > input {
        width: 100%;
        height: 37px;
        padding: 10px 0 11px 14px;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid #707070;
        margin-bottom: 14px;
    }
    .btn-signup {
        display: -webkit-box;
        width: 100%;
        padding: 9px 0;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 19px;
        margin-bottom: 13px;
        cursor: pointer;
    }
    #employeeModal > .modal-dialog > .modal-content {
        width: 450px !important;
    }
    .box-select-account {
        /*padding-top: 80px;*/
    }
    .btn-account-admin {
        /*display: -webkit-box;*/
        display: inline-block;
        width: 286px;
        padding: 15px 0 14px;
        color: #fff;
        background: #6FD376;
        border: none;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 36px;
        cursor: pointer;
    }
    .btn-account-employee {
        /*display: -webkit-box;*/
        display: block;
        width: 286px;
        padding: 15px 0 14px;
        color: #424E64;
        background: #fff;
        border: 1px solid #424E64;
        border-radius: 24px;
        font-size: 16px;
        line-height: 19px;
        font-weight: bold;
        margin-bottom: 36px;
        cursor: pointer;
    }
    .span-signup_gray {
        display: block;
        color: #8C94A2;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
    }
    .span-signup_gray > b {
        color: #6FD376;
        font-size: 11px;
        line-height: 20px;
        font-weight: 400;
        display: inline-block;
    }
    .p-go_login {
        line-height: 19px;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #26324A;
        margin-bottom: 12px;
    }
    .p-go_login > b {
        margin-left: 14px;
        font-size: 18px;
        color: #6FD376;
        cursor: pointer;
    }
    .infowindow-title {
        line-height: 19px;
        color: #26324A;
        font: 500 13px Roboto, Arial, sans-serif !important;
    }
    .infowindow-title > p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 0;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.54);
        margin-top: 6px;
    }
    .gm-style .gm-style-iw-c {
        position: absolute;
        box-sizing: border-box;
        overflow: hidden;
        top: 0;
        left: 0;
        transform: translate(-50%,-100%);
        background-color: white;
        border-radius: 0px !important;
        padding: 12px;
        box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    .box-device_sorting {
        width: 258px;
        height: 420px;
        box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2);
        background: #fff;
        position: absolute;
        right: 20px;
        top: 104px;
        z-index: 10;
        display: none;
    }
    .box-device_sorting > ul {
        margin: 0;
        padding: 0;
    }
    .box-device_sorting > ul > li {
        list-style: none;
        height: 52px;
        padding: 16px 19px;
        box-sizing: border-box;
    }
    .box-device_sorting > ul > li.active {
        list-style: none;
        height: 52px;
        padding: 16px 19px;
        box-sizing: border-box;
        background: #EEEEEE;
    }
    input[type=checkbox] + label {
        display: block;
        margin: 0em;
        cursor: pointer;
        padding: 0em;
    }

    input[type=checkbox] {
        display: none;
    }

    input[type=checkbox] + label:before {
        content: "\2714";
        border: 1px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
        display: inline-block;
        width: 14px;
        height: 14px;
        padding-left: 0em;
        margin-bottom: 3px;
        margin-right: 11px;
        vertical-align: bottom;
        color: transparent;
    }
    input[name=all] + label:before {
        content: "\2014";
        border: 1px solid rgba(0, 0, 0, 0.54);
        border-radius: 2px;
        display: inline-block;
        width: 14px;
        height: 17px;
        padding-left: 0em;
        /* padding-bottom: 0.3em; */
        margin-right: 11px;
        vertical-align: bottom;
        color: transparent;
    }
    input[type=checkbox]:checked + label:before {
        background-color: #6FD376;
        border-color: #6FD376;
        color: #fff;
    }
    input[type=checkbox]:disabled + label:before {
        border-color: #aaa;
    }
    input[type=checkbox]:checked:disabled + label:before {
        background-color: #bfb;
        border-color: #bfb;
    }
    .popup-device_info_m {
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #F0F0F0;
        display: none;
        min-height: 640px;
    }
    .popup-exp_info {
        position: absolute;
        z-index: 100;
        width: 100%;
        background: #F0F0F0;
        display: none;
        min-height: 640px;
    }
    .popup-device_info {
        width: 1130px;
        height: 820px;
        position: absolute;
        z-index: 100;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        position: absolute;
        bottom: 50%;
        right: calc(50% - 0px);
        transform: translate(50% , 50%) translate(131px);
        display: none;
    }
    .popup-device_info > span {
        display: block;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        font-size: 21px;
        line-height: 24px;
        color: #26324A;
        padding: 24px;
        font-weight: bold;
        padding-left: 50px;
    }
    .popup-device_info > span > p {
        display: inline-block;
        margin: 0;
        float: right;
    }
    .title-popup {
        color: #26324A;
        font-size: 14px;
        width: 100%;
        display: block;
        padding: 17px 16px 19px 19px;
        box-sizing: border-box;
        background: #F0F0F0;
        font-weight: 500;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .title-popup > p:first-child {
        display: inline-block;
        margin: 0;
        width: 70%;
        line-height: 16px;
    }
    .title-popup > p:nth-child(2) {
        display: inline-block;
        margin: 0;
        width: 28%;
        text-align: right;
        line-height: 16px;
    }
    .title-popup > p:nth-child(2) > img:first-child {
        vertical-align: middle;
        height: 18px;
        margin-right: 10px;
    }
    .title-popup > p:nth-child(2) > img:nth-child(2) {
        vertical-align: middle;
        height: 18px;
        margin-right: 20px;
    }
    .title-popup > p > a {
        cursor: pointer;
        font-size: 17px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.54);
    }
    .popup-wrapper-inpspection_infomation {
        width: 100%;
        float: left;
        padding: 13px;
        box-sizing: border-box;
    }
    .popup-wrapper-exp {
        width: 100%;
        float: left;
        padding: 13px;
        box-sizing: border-box;
    }
    .popup-box_center {
        float: left;
        min-width: 164px;
        height: 175px;
        border: 1px solid #F0F0F0;
        width: calc(100% - 174px);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
        background: #fff;
    }
    .content-status_info > span {
        display: block;
        padding: 11px 0 11px 21px;
        font-size: 16px;
        line-height: 24px;
        color: #757575;
        font-weight: 500;
        width:50%;
        float: left;
        box-sizing: border-box;
        border-bottom: 1px solid #F0F0F0;
        height: 44px;
    }
    .content-status_info > span:first-child {
        display: block;
        padding: 6px 0 11px 9px;
        font-size: 16px;
        line-height: 24px;
        color: #757575;
        font-weight: 500;
        box-sizing: border-box;
        width: 100%;
    }
    .content-status_info > span:last-child {
        display: block;
        padding: 0;
        font-size: 11px;
        line-height: 24px;
        color: #757575;
        font-weight: 500;    
        box-sizing: border-box;
        width: 100%;
        border-bottom: none;
    }
    .box-radon_set > a > b {
        font-size: 7px;
        color: #989898;
        font-weight: 400;
    }
    .content-status_info > span > p > img {
        vertical-align: middle;
    }
    .content-status_info > span:last-child > img {
        height: 24px;
        vertical-align: top;
        float: left;
    }
    .block-status-info_1 {
        padding: 10px 0px !important; 
        width: 50% !important;
    }
    .status-info-wifi {
        margin: 0 !important; 
        width: 40% !important; 
        float: left !important;
        text-align: center !important;
    }
    .status-info-wifi > img, .status-info-display > img {
        width: 16px !important;
    }
    .status-info-wifi-title {
        font-size: 12px !important;
        color: #26324A !important;
        float: left !important;
        width: 60% !important;
        font-weight: 300 !important;
        line-height: 10px !important;
    }
    .status-info-wifi-value {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .status-info-display {
        margin: 0 !important;
        width: 30% !important;
        float: left !important;
    }
    .status-info-display-title {
        width: 70% !important;
        font-size: 12px !important;
        font-weight: 300 !important;
        line-height: 10px !important;
        float: left !important;
    }
    .status-info-display-value {
        font-size:12px !important; 
        line-height: 14px !important;
    }
    .block-status-info_2 {
        width: 20% !important;
        padding: 0px !important;
        text-align: center !important;
        padding-top: 5px !important;
    }
    .block-status-info_2 > p {
        margin: 0 !important;
    }
    .block-status-info_3 {
        width: 80% !important;
        padding: 2px 0 0 0 !important;
    }
    .status-info-time {
        margin: 0 !important;
        color: #26324A !important;
        font-size: 12px !important;
        font-weight: 400 !important;
    }
    .status-info-time-value {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 11px !important;
    }
    .status-info-time-value > a { 
        color:#26324A !important; 
        font-weight: bold !important;
    }
    .fs17 {
        font-size: 17px !important;
    }
    .text_status {
        color: #6FD376 !important;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px !important;
    }
    .text_time {
        font-size: 14px;
        color: #26324A;
    }
    .content-status_info > span > a {
        font-size: 18px;
        line-height: 24px;
        color: #26324A;
        font-weight: bold;
    }
    .box-radon_set {
        width: 32%;
        float: left;
        text-align: center;
        margin-right: 1%;
        line-height: 15px;
        padding: 7px 3px;
        box-sizing: border-box;
    }
    .box-radon_set > a {
        display: block;
        border-bottom: 2px solid #6FD376;
        margin: 0 auto;
        color: #26324A;
        font-weight: bold;
        line-height: 16px;
        width: fit-content;
    }
    .popup-box_left_m {
        display: inline-block;
        float: left;
        width: 164px;
        height: 175px;
        text-align: center;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
        border: 1px solid #F0F0F0;
        margin-right: 6px;
        background: #fff;
        position: relative;
    }
    #canvas_m {
        position: absolute;
        top: 55%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .donut {
        display: inline-block;
        position: relative;
        width: 164px;
        height: 175px;
    }
    .donut > svg circle {
        stroke-dasharray: 3.14 * 2 * 50;
        stroke-linecap:round;
        cx: 116 !important;
        cy: 81 !important;
        r: 64 !important;
        stroke-width: 11 !important;    
    }
    
    .donut > svg circle:last-child:hover {
        stroke-dasharray: 3.14 * 2 * 50;
        stroke-dashoffset: (3.14 * 2 * 50)/2;
        stroke-linecap:round;    
        transition:stroke-dashoffset 1s;
    }
    .donut > svg {
        transform:rotateZ(-135deg);
        width: 202px !important;
        height: 184px !important;
    }
    .popup-box-chart {
        margin-top: 20px;
        padding: 40px;
        width: 100%;
        max-width: 1130px;
        float: left;
        min-height: 380px;
        box-sizing: border-box;
    }
    .popup-box-chart_m {
        padding: 0 13px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
    }
    .text-inner_donut {
        position: absolute;
        top: 57%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .text-inner_donut > span:first-child {
        color: #26324A;
        font-size: 12px;
    }
    .text-inner_donut > span:first-child > b {
        color: #26324A;
        font-size: 23px;
        font-weight: bold;
        font-style: italic;
    }
    .text-inner_donut > span {
        color: #4ECB60;
        font-size: 13px;
        line-height: 19px;
        display: block;
        font-weight: bold;
    }
    .text-inner_donut-ready {
        position: absolute;
        top: 55%;
        left: 50%;
        text-align: center;
        transform: translate(-50%, -50%);
    }
    .text-inner_donut-ready > span:first-child {
        color: #8C94A2;
        font-size: 19px;
    }
    .text-inner_donut-ready > span:first-child > b {
        color: #26324A;
        font-size: 23px;
        font-weight: bold;
        font-style: italic;
    }
    .text-inner_donut-ready > span {
        font-size: 13px;
        line-height: 19px;
        display: block;
        font-weight: bold;
        color: #8C94A2;
        font-style: italic;
    }
    .popup_humi > a {
        color: #26324A;
        font-size: 21px;
        line-height: 36px;
        font-weight: bold;
    }
    .popup_temp > a {
        color: #26324A;
        font-size: 21px;
        line-height: 36px;
        font-weight: bold;
    }
    .popup_humi > img {
        vertical-align: sub;
    }
    .popup_temp > img {
        vertical-align: sub;
    }
    .popup_temp {
        margin-right: 20px;
    }
    .popup-box_temphumi {
        text-align: center;
    }
    .overlay {
        top: 0;
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.5);
        display: none;
    }
    .loading_circle {
        position: absolute;
        z-index: 100;
        transform: translate(-50%, 50%);
        bottom: 58%;
        left: 50%;
        display: none;
    }
    .add-client-btn_mobile {
        position: fixed;
        bottom: 70px;
        right: 40px;
        width: 56px;
        height: 56px;
        background: #4ECB60;
        border: 0.5px solid rgba(255, 255, 255, 0.12);
        border-radius: 50%;
        box-shadow: 0 6px 6px rgba(0, 0, 0, 0.24);
        z-index: 10;
    }
    .add-client-btn_mobile > p {
        font-size: 31px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        height: 100%;
        padding-top: 6px;
        color: #fff;
        font-weight: 300;
    }
    #clientModal {
        width: 100%;
        height: 100%;
    }
    #clientModal > .modal-dialog > .modal-content > .modal-header > .modal-title {
        margin-bottom: 0;
        line-height: 24px;
        text-align: center;
        width: 100%;
        color: #6FD376;
        font-size: 18px;
        padding: 0px 0 0;
    }
    #clientModal > .modal-dialog > .modal-content > .modal-footer {
        display: block;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1rem;
        border-top: none !important;
        padding: 0px 35px 16px;
        text-align: center;
        padding: 10px 20px 30px !important;
    }
    #table-client_wrapper > .bottom {
        padding: 25px 10px;
    }
    #table-client {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #table-client > tbody {
        display: table-row-group;
    }
    #table-client > tbody > tr {
        height: 60px;
    }
    #table-client > thead > tr:first-child {
        display: none !important;
        height: 66px;
        background: rgba(140, 148, 162, 0.1);
        padding: 10px;
        box-sizing: border-box;
    }
    #table-client > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
    }
    #table-client > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #table-client > tbody > tr > td {
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
    }
    #table-client > tbody > tr > td:first-child {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
        width: 80% !important;
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding-left: 37px !important;
        padding-top: 9px !important;
    }
    #table-client > tbody > tr > td:nth-child(2) {
        display: none !important;
        text-align: center;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
    }
    #table-client > tbody > tr > td:nth-child(3) {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 16px;
        border-left: none;
        width: 20% !important;
        float: left;
        box-sizing: border-box;
        padding-top: 9px !important;
    }
    #table-client > tbody > tr > td:nth-child(3) > span {
        display: none;
    }
    #table-client > tbody > tr > td > img {
        margin-right: 24px;
    }
    .report-title_mobile {
        width: 100%;
        text-align: left;
        padding-left: 49px !important;
        border-bottom: 2.85px solid #6FD376;
        color: #26324A;
        background: #F3F4F6;
        margin: 0;
        padding: 10px 0 7px 0;
        float: left;
        box-sizing: border-box;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
        line-height: 16px;
    }
    #table-report_wrapper > .bottom {
        padding: 18px;
    }
    #table-report {
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        border-bottom: none;
    }
    #table-report > tbody {
        display: table-row-group;
    }
    #table-report > thead > tr:first-child {
        display: none;
    }
    #table-report > thead > tr > th {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: none;
        padding: 12px 18px;
        background: rgba(140, 148, 162, 0.1);
        text-align: center;
        font-size: 16px;
        color: #26324A;
    }
    #table-report > thead > tr > th:last-child {
        border-right: none;
        border-bottom: none;
        padding: 12px 18px;
    }
    #table-report > tbody > tr > td {
        text-align: center;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 600;
        padding: 21px;
        line-height: 19px;
        border-left: none;
        background: #fff;
        height: 61px;
    }
    #table-report > tbody > tr > td:first-child {
        width: 80% !important;
        float: left;
        box-sizing: border-box;
        text-align: left;
        padding-left: 64px !important;
        padding-right: 0 !important;
    }
    #table-report > tbody > tr > td:nth-child(2) {
        display: none;
    }
    #table-report > tbody > tr > td:nth-child(3) {
        display: none;
    }
    #table-report > tbody > tr > td:nth-child(4) {
        display: none;
    }
    #table-report > tbody > tr > td:nth-child(5) {
        display: none;
    }
    #table-report > tbody > tr > td:last-child {
        width: 20% !important;
        float: left;
        box-sizing: border-box;
        text-align: right;
        padding-left: 0 !important;
    }
    #table-report > tbody > tr > td:last-child > img {
        height: 16px;
    }
    #table-report > tbody > tr > td > i{
        margin-right: 10px;
        font-size: 20;
    }
    #table-report > tbody > tr > td > .img_arrow {
        margin-right: 12px;
        margin-left: -26px;
        vertical-align: middle;
    }
    .edit-client-btn {
        padding: 18px 0 18px 17px;
        background: #EEEEEE;
        color: #26324A;
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
        text-align: left;
    }
    .edit-client-btn > img {
        margin-right: 18px;
    }
    .delete-client-btn {
        font-size: 14px;
        color: rgba(0, 0, 0, 0.54);
        padding: 18px 0 18px 17px;
        line-height: 16px;
        text-align: left;
    }
    .delete-client-btn > img {
        margin-right: 18px;
    }
    .add-client-btn {
        width: 169.5px;
        height: 56px;
        background: #6FD376;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        color: #fff;
        border: none;
        font-size: 16px;
        line-height: 19px;
        float: right;
        cursor: pointer;
        display: none;
    }
    .add-client-btn > img {
        margin-right: 10px;
        vertical-align: top;
    }
    .box-account {
        margin: 0 auto;
        border: none;
        box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.16);
        margin-top: 30px;
    }
    .mb30 {
        margin-bottom: 30px;
    }
    .m0 {
        margin:0 !important
    }
    .report-top_mobile {
        height: 52px;
        position: absolute;
        top: 0;
        background: #fff;
        width: 100%;
        left: 0;
        border-bottom: 2px solid #D1D3D6;
        z-index: 100;
    }
    .show_preview .report-top_mobile {
        background: #f0f0f0;
    }
    .report-top_mobile > P {
        margin: 15px;
        font-size: 14px;
        font-weight: 500;
    }
    .report-top_mobile > P > a {
        float: right;
        font-size: 16px;
    }
    .exist-next-page {
        height: 500px;
        width: 310px;
        border: none;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        display: inline-block;
        padding-top: 14px;
        box-sizing: border-box;
        float: left;
        z-index: 11;
        position: absolute;
        top: 55px;
        left: calc(50% - 155px);
    }
    .box-report {
        height: 640px;
        width: 100%;
        border: none;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        display: inline-block;
        padding-top: 14px;
        box-sizing: border-box;
        float: left;
        z-index: 11;
        position: absolute;
        top: 52px;
        left: 0;
    }
    .show_preview .box-report {
        height: 530px;
        width: 320px;
        left: calc(50% - 160px);
    }
    .box-preview-btn {
        padding: 0 20px;
        position: absolute;
        bottom: 50px;
        width: 100%;
        box-sizing: border-box;
    }
    .report-preview_btn {
        display: block;
        width: 100%;
        background: #4ECB60;
        color: #fff;
        border-radius: 20px;
        padding: 11px 56px;
        border: none;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .box-report_title {
        margin-bottom: 0px;
        text-align: center;
        border-bottom: 1px solid #F0F0F0;
        margin-left: 20px;
        margin-right: 20px;
    }
    .show_preview .box-report_title {
        margin-left: 10px;
        margin-right: 10px;
    }
    .box-report_title > p:first-child {
        font-size: 10px;
        font-weight: bold;
        line-height: 24px;
        color: #000;
    }
    /* .box-report_title > p:nth-child(2) {
        width: 45%;
        display: inline-block;
        float: left;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        font-size: 7px;
    }  */
    .box-report_title > p > b {
        color: #000;
        font-size: 9px;
    }
    /* .box-report_title > p:last-child {
        width: 55%;
        display: inline-block;
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        font-size: 7px;
        margin-bottom: 15px;
    }  */
    .box-report_logo {
        margin: 0 auto;
        text-align: center;
        padding: 11px;
        height: 47px;
        width: 248px;
        border: 1px dashed #707070;
        margin-bottom: 24px;
    }
    .box-report_logo > p {
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
        line-height: 12px;
        font-weight: bold;
        margin-top: 3px;
    }
    .box-report_content > p {
        font-size: 21px;
        text-align: center;
        color: #000;
        line-height: 24px;
        font-weight: bold;
        margin-top: 3px;
    }
    .wrapper-report_map {
        width: 91px;
        max-height: 85px;
        float: left;
        padding: 5px;
        margin-right: 34px;
    }
    .show_preview .wrapper-report_map {
        margin-right: 20px;
    }
    .box-report_inspectionInfo {
        padding: 18px 0px;
        border-bottom: 1px solid #F0F0F0;
        margin: 0 20px;
        display: flex;
    }
    .show_preview .box-report_inspectionInfo {
        margin: 0 10px;
    }
    .content-inspectionInfo {
        width: calc(100% - 95px);
        float: left;
    }
    .content-inspectionInfo > p {
        color: rgba(0, 0, 0, 0.54);
        font-weight: 500;
        margin: 0px 0;
        font-size: 10px;
    }
    .content-inspectionInfo > span {
        color: #000;
        font-size: 10px;
        font-weight: 500;
        word-break: break-word;
    }
    .box-report_inspectorInfo {
        padding: 12px;
    }
    .show_preview .box-report_inspectorInfo {
        padding: 10px;
    }
    .box-report_inspectorInfo > p {
        margin-bottom: 9px;
        margin-top: 0;
        line-height: 10px;
    }
    .box-report_inspectorInfo > p > span:first-child {
        color: #8C94A2;
        font-size: 10px;
        line-height: 8px;
        font-weight: 500;
        display: inline-block;
        width: 35%;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .box-report_inspectorInfo > p > span:nth-child(2) {
        display: inline-block;
        width: 65%;
        padding-left: 27px;
        box-sizing: border-box;
        font-weight: 600;
        color: #000;
        line-height: 16px;
        font-size: 10px;
    }
    .report-date {
        color: #000;
        font-size: 10px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        width: 31%;
        margin-left: 5px;
        box-sizing: border-box;
        float: left;
        border-top: 2px solid #000;
        padding-top: 0px;
    }
    .report-signature{
        display: inline-block;
        width: 56%;
        margin-left: 31px;
        box-sizing: border-box;
        font-weight: 500;
        color: #000;
        line-height: 16px;
        font-size: 10px;
        padding-top: 0px;
        border-top: 2px solid #000;
    }
    #select-client {
        border: none;
        border-bottom: 2px solid #6FD376;
        width: 90%;
        font-size: 10px;
        font-weight: 500;
        color: #000;
    }
    input[type="file"] {
        display: none;
    }
    #label_file {
        padding: 0px 8px;
        display: table;
        color: rgba(0, 0, 0, 0.54);
        border: 1px solid #707070;
        border-radius: 3px;
        background: #F0F0F0;
        font-size: 8px;
        text-align: center;
        margin: 0 auto;
        cursor: pointer;
    }
    .file-select-name {
        font-size: 10px;
    }
    .wrapper-button_left {
        position: absolute;
        top: 50%;
        left: 0px;
    }
    .wrapper-button_right {
        position: absolute;
        top: 50%;
        right: 0px;
    }
    .show_preview .wrapper-button_right {
        right: 5px;
    }
    .btn-report_left {
        background: none;
        box-shadow: none;
        color: #D1D3D6;
        font-size: 37px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        z-index: 15;
        position: relative;
    }
    .btn-report_right {
        background: none;
        box-shadow: none;
        color: #D1D3D6;
        font-size: 37px;
        border: none;
        cursor: pointer;
        z-index: 11;
        position: relative;
    }
    .show_preview .btn-report_left {
        background: transparent;
        border-radius: 0;
        padding: 0;
    }
    .show_preview .btn-report_right {
        background: transparent;
        border-radius: 0;
        padding: 0;
    }
    .box-environment, .box-comment {
        padding: 0 35px;
    }
    .show_preview .box-comment {
        padding: 0 10px;
    }
    .box-environment > p, .box-comment > p, .box-report_site > p {
        font-size: 10px;
        color: #2B2B2B;
        line-height: 10px;
    }
    .box-environment > textarea {
        height: 125px;
        width: 100%;
        border: 1px solid #707070;
        font-size: 10px;
        box-sizing: border-box;
    }
    .box-comment > textarea {
        height: 100px;
        width: 100%;
        border: 1px solid #707070;
        box-sizing: border-box;
        font-size: 10px;
    }
    .box-report_site {
        margin: 20px 35px;
        text-align: center;
        padding: 16px;
        height: 122px;
        /* width: 595px; */
        border: 1px dashed #707070;
        margin-bottom: 34px;
        box-sizing: border-box;
        font-size: 10px;
    }
    .box-report_site > p {
        color: rgba(0, 0, 0, 0.54);
        font-size: 18px;
        line-height: 21px;
        font-weight: bold;
    }
    .box-report_inspectionResult {
        padding: 0 35px;
    }
    .show_preview .box-report_inspectionResult {
        padding: 0 10px;
    }
    .box-report_inspectionResult > p {
        color: #8C94A2;
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 0px;
        margin-top: 4px;
    }
    .box-report_inspectionResult > span {
        margin-bottom: 20px;
        font-size: 11px;
        font-weight: 500;
        line-height: 13px;
    }
    .wrapper-report_chart {
        background: #fff;
        max-height: 220px;
        padding: 20px 30px 0 30px;
    }
    .show_preview .wrapper-report_chart {
        padding: 20px 10px 0 10px;
    }
    .title-report_table {
        color: #26324A;
        font-size: 14px;
        line-height: 24px;
        font-weight: bold;
        margin: 0;
        text-align: center;
    }
    .report_table {
        margin: 15px 35px;
        border: 1px solid #707070;
        height: 450px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -o-flex;
        display: flex;
    }
    .show_preview .report_table {
        margin: 15px 10px;
    }
    .report_table_col {
        width: 50%;
        float: left;
        text-align: center;
    }
    .report_table_col:first-child {
        border-right: 1px solid #707070;
    }
    .report_table_col > ul {
        padding: 0px;
        margin: 0px;
    }
    .report_table_col > ul > li:first-child {
        padding: 0px;
        background: #F0F0F0;
    }
    .report_table_col > ul > li {
        list-style: none;
        padding: 0px;
        line-height: 17px;
    }
    .report_table_col > ul > li > span:first-child {
        color: #26324A;
        font-size: 10px;
        font-weight: 500;
        width: 60%;
        display: inline-block;
    }
    .report_table_col > ul > li > span:last-child {
        color: #26324A;
        font-size: 10px;
        font-weight: 500;
        width: 40%;
        display: inline-block;
    }
    .title-verifyEmail {
        color: #2B2B2B;
        font-size: 15px;
        font-weight: bold;
        line-height: 27px;
    }
    .header-verifyEmail {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        padding: 0 0 10px;
    }
    .header-verifiedEmail {
        border: none;
        padding: 0 0 10px;
    }
    .span-verifyEmail {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        padding: 12px 7px;
        background: rgba(111, 211, 118, 0.2);
        display: block;
    }
    .span-verifedEmail {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        background: #fff;    
        line-height: 26px;
        padding: 12px 7px;
        display: block;
    }
    .p_verifiedEmail {
        text-align: center;
        font-size: 16px;
        display: block; 
    }
    .span-resendEmail {
        color: #2B2B2B;
        font-size: 14px;
        line-height: 21px;
        display: block;
        font-weight: 500;
        padding: 28px 7px;
    }
    #resend_email_btn, #go_login, #send_forgetPw_btn, #resend_email, #close_modal, #important_modal {
        height: 40px;
        font-size: 14px;
        padding: 10px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        width: 110px;
        float: left;
    }
    .wrapper-bottom_btn {
        text-align: center;
        padding: 0px 20px 10px 20px;
        display: block;
        position: absolute;
        bottom: 5px;
        width: 96%;
        left: 2%;
        top: 592px;
        box-sizing: border-box;
        z-index: 12;
    }
    .btn-cancel_preview {
        width: 49%;
        margin-right: 2%;
        background: #fff;
        color: #8C94A2;
        font-size: 16px;
        font-weight: bold;
        border: none;
        z-index: 12;
        position: relative;
        padding: 11px;
        cursor: pointer;
        float: left;
        border-radius: 20px;
    }
    .btn-save_report {
        width: 49%;
        background: #4ECB60;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        border: none;
        z-index: 12;
        position: relative;
        padding: 11px;
        cursor: pointer;
        float: left;
        border-radius: 20px;
    }
    #img-preview_logo {
        width: auto;
        position: absolute;
        max-width: 585px;
        max-height: 75px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none;
    }
    #img-preview_site {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        display: none;
        padding: 0px 10px;
        box-sizing: border-box;
        max-width: 300px;
        max-height: 300px;
    }
    .html2canvas-container { width: 3000px !important; height: 10000px !important; }
    .icon-report {
        cursor: pointer;
    }

    table.dataTable thead th {
        position: relative;
        background-image: none !important;
    }
    
    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        position: absolute;
        top: 12px;
        right: 8px;
        display: block;
        font-family: FontAwesome;
        color: rgba(0, 0, 0, 0.54);
    }
    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: #ddd;
        font-size: 0.8em;
        padding-top: 0.12em;
    }
    table.dataTable thead th.sorting_asc:after {
        content: "\f062";
    }
    table.dataTable thead th.sorting_desc:after {
        content: "\f063";
    }
    table.dataTable thead th.sorting:after {
        content: "\f0dc";
        color: rgba(0, 0, 0, 0.54);
        font-size: 0.8em;
        padding-top: 0.12em;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #666 !important;
        border: 1px solid transparent;
        background: #fff;
        box-shadow: none;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 2px;
        background: #fff;

    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 2px;
        background: #fff;
    }
    .close-report_preview {
        position: relative;
        color: #fff;
        z-index: 11;
        text-align: right;
        width: 595px;
        margin: 0 auto;
        padding-left: 30px;
        font-size: 15px;
    }
    .close-report_preview > span {
        cursor: pointer;
        font-weight: bold;
    }
    .find-password {
        color: #6FD376;
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        margin-bottom: 5px;
        cursor: pointer;
        width: 45%;
        text-align: right;
        line-height: 16px;
    }
    #input-email {
        width: 100%;
        margin-bottom: 18px;
        border: 1px solid #707070;
    }
    .span-forgetPw {
        font-size: 13px;
        font-weight: 500;
        color: #2B2B2B;
        display: block;
        padding: 20px 0 10px 0;
    }
    .span-tempPwEmail {
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 12px 7px;
        display: block;
        text-align: center;
    }
    .span_tempPw {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
        padding: 12px 7px;
        background: rgba(111, 211, 118, 0.2);
        display: block;
        margin-top: 20px;
    }
    .wrapper-support {
        padding: 50px;
    }
    .title-support {
        color: #26324A;
        font-size: 32px;
        line-height: 38px;
        font-weight: bold;
        text-align: center;
        padding-top: 13px;
        margin-bottom: 50px;
    }
    .hyperlink {
        color: #3465C6 !important;
        text-decoration: underline !important;
        cursor: pointer;
    }
    .wrapper-faq {
        width: 100%;
        margin-top: 60px;
        display: none;
    }
    .title-faq {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 65px;
    }
    .box-support {
        min-width: 500px;
        height: 150px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
        width: 45%;
        float: left;
        padding: 30px 45px;
        border-left: 5px solid #6FD376;
        margin-right: 2%;
        cursor: pointer;
    }
    .support-left {
        width: 10%;
        float: left;
        height: 100%;
    }
    .support-right {
        border: none !important;
    }
    .support-right > p{
        color: rgba(0, 0, 0, 0.54);
        font-size: 28px;
        font-weight: bold;
        line-height: 33px;
        margin-bottom: 17px;
    }
    .support-right > span {
        color: rgba(0, 0, 0, 0.54);
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 17px;
    }
    .highcharts-plot-line-label {
        filter: url(#solid);
    }
    .header-policyModal {
        padding: 0 0 10px;
        border:none;
    }
    .span-policy {
        color: #2B2B2B;
        font-size: 14px;
        line-height: 26px;
        display: block;
        font-weight: 500;
        padding: 10px 7px 0px;
    }
    .span-policy > p {
        line-height: 18px;
        font-size: 13px;
    }
    .span-policy > p > b {
        font-size: 15px;
    }
    .title-policy {
        color: #2B2B2B;
        font-size: 16px;
        font-weight: bold;
    }
    #agree_policy_btn {
        height: 40px;
        font-size: 14px;
        padding: 11px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        width: 48%;
        float: left;
    }
    #disagree_policy_btn {
        height: 40px;
        font-size: 14px;
        padding: 11px;
        background: #6FD376;
        border: none;
        border-radius: 0px;
        box-shadow: 0px 3px 6px 0 #D1D0D0;
        line-height: 19px;
        background: rgba(0, 0, 0, 0.3);
        width: 46%;
        margin-right: 2%;
        float: left;
    }
    .disagree {
        background: rgba(0, 0, 0, 0.3);
        cursor: default;
    }
    .b_policy {
        cursor: pointer;
    }
    input::placeholder {
        color: #898989;
    }

    ::-webkit-input-placeholder {
        color:#898989;
    }

    ::-moz-placeholder {
        color:#898989;
    }

    ::-ms-placeholder {
        color:#898989;
    }

    ::placeholder {
        color:#898989;
    }

    .icon-ecosense {
        display: none;
    }

    .icon-ecosense-abs {
        display: none;
    }

    .logo-small_device {
        width: 288px;
        margin: 0 auto;
        padding-top: 42px;
        margin-bottom: -77px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .logo-small_device.signup {
        width: 288px;
        margin: 0;
        padding-top: 0px;
        position: unset;
        left: 0;
        transform: unset;
        margin-left: 30px;
    }

    .form-input {
        display: block;
        width: 100%;
        height: 36px;
        padding: 10px 0 11px 10px;
        font-size: 14px;
        line-height: 19px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .box-select_state {
        width: 49%;
        float: left;
        margin-right: 2%;
    }
    .box-select_zipCode {
        width: 49%;
        float: left;
    }
    .select-account {
        height: 36px;
        padding: 5px 0 5px 10px;
        font-size: 14px;
        line-height: 16px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #707070;
        border-radius: .25rem;
        width: 100%;       
    }
    .none {
        display: none;
    }
    #popup-update {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
        transform: translate(0, 0) !important;
    }
    #popup-update > #popup-title {
        height: 60px !important;
    }
    #popup-update > #popup-title > h4 {
        line-height:60px !important;
        font-size:1em !important;
    }
    #popup-update > #popup-content {
        padding: 10px !important;
    }
    #popup-update > #popup-content ul {
        padding: 10px !important;
    }
    #calib_reminder {
        width: 80% !important;
    }
    #calib_reminder-head {
        font-size: 1.2em !important;
    }
    #calib_reminder-content {
        padding: 20px !important;
    }
    #cali_reminder-deviceList {
        list-style: none !important;
        font-size:0.8em !important;
    }
    #cali_reminder-dateList {
        list-style: none !important;
        font-size:0.8em !important; 
    }
    #cali_reminder-device > h6, #cali_reminder-date > h6 {
        font-size:1em !important; 
    }
    #calib_reminder > label {
        padding: 0 10px !important;
    }
}
.fff {
    color: #fff !important;
}
.disable {
    opacity: 0.5;
}


.client_municipality {
    width: 48%;
    float: left;
}

.client_county {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.mdc_title {
    color: #8C94A2;
    font-size: 12px;
    font-weight: 500;
}

.mdc_title_sub {
    color: #8C94A2;
    font-size: 9px;
    font-weight: 500;
}


@media screen and (min-width: 768px) and (max-width: 1000px) {
    .popup-device_info {
        max-width: 768px;
        position: absolute;
        z-index: 100;
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        position: absolute;
        bottom: 66%;
        right: calc(50% - 0px);
        transform: translate(50% , 50%);
        display: none;
    }
}

#loading-img {
    background: url('../../images/loading.gif') center center no-repeat;
    height: 100%;
    z-index: 20;
}