@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../fonts/NotoSans-Regular.ttf');
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../fonts/NotoSans-Bold.ttf');
}

body {
    font-family: 'NotoSans-Regular', Arial, Verdana, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #000000;
    -webkit-text-size-adjust: none;
    background-color: #9681bc;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.body_main {
    background-color: #CBE1FF;
}

.body_calendar {
    background-color: #E1F4FD;
}

body.section_home {}

input,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
div,
table,
img,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

ul {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 18px;
}

ol {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 18px;
}

th {
    text-align: left;
    padding: 5px;
}


td {
    vertical-align: top;
}

#table_form td {
    vertical-align: top;
}

img {
    border: none;
}

input:focus,
textarea:focus {
    outline: none;
}

a,
a:visited {
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-weight: normal;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
    animation: color_change 0.5s;
    font-weight: normal;
}

a:focus {
    outline: none;
}

p {
    clear: both;
    padding-bottom: 30px;
    line-height: 150%;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 24px;
    margin-bottom: 30px;
    color: #1E64B2;
    font-weight: normal;
    line-height: 120%;
    font-family: 'NotoSans-Bold';
}

input::placeholder {
    color: #AAAAAA;
}








.global_container {
    max-width: 480px;
    margin: auto;
}
.global_container2 {
    max-width: 480px;
    margin: auto;
}


.global_container_main {
    padding-top: 70px;
    padding-bottom: 120px;
    max-width: 90%;
    margin: auto;
}

.global_container_main_calendar {
    max-width: 100%;
    padding-bottom: 0px;
}



.login_screen {
   max-width: 480px;
    margin: auto;
    background-image: url(images/bg/other.png?v=2);
    background-repeat: no-repeat;
    background-position: top center;

  background-size: 100% auto; /* scales based on div width */
  background-attachment: scroll; /* prevents viewport-based scaling */

    height: 100vh;

    display: flex;
    justify-content: center;

    align-items: center;

    position: relative;

}

.login_screen_main {
    max-width: 480px;
    margin: auto;
    background-image: url(images/bg/login.png?v=2);
    background-repeat: no-repeat;
    background-position: top center;

  background-size: 100% auto; /* scales based on div width */
  background-attachment: scroll; /* prevents viewport-based scaling */

    height: 100vh;


    display: flex;
    justify-content: center;

    align-items: center;

    position: relative;

 
}

.register_screen {
    height: 100vh;
    /* Full viewport height */
    display: block;
    justify-content: top;
    /* Horizontal centering */
    align-items: center;
    /* Vertical centering */
    position: relative;
    padding-top: 160px;
    padding-bottom: 60px;
}

.login_screen .logo {
    max-width: 320px;
    margin: auto;
    margin-bottom: 60px;
}

.login_screen .logo img {
    width: 100%;
}

.login_screen_container {
    text-align: center;
}

.login_screen .heading {
    margin-bottom: 40px;
    text-align: center;
}

.login_screen .heading .title {
    color: #5055A4;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: 'NotoSans-Bold';
}

.login_screen .heading .icon {
    max-width: 100px;
    margin: auto;
}

.login_screen .heading .icon img {
    width: 100%;
}

.login_screen .heading2 .icon {
    max-width: 60px;
    margin: auto;
}

.login_screen .desc {
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
    font-size: 14px;
}

.button_list {
    max-width: 320px;
    margin: auto;
}

.button_list .item {
    margin-bottom: 20px;
}

.button_list .item2 {
    margin-bottom: 10px;
}
.button a:link,
.button a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background: #89bbe2 0% 0% no-repeat padding-box;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}

.button a:hover {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background-color: #5497a4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}

.button2 a:link,
.button2 a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background: #486aa2 0% 0% no-repeat padding-box;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
}

.button2 a:hover,
.button2 a.current:link,
.button2 a.current:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background-color: #5f7fb3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}

.button3 a:link,
.button3 a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background: #3DBEAF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}

.button3 a:hover {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background-color: #329e91;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}




.button4 a:link,
.button4 a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background:  #F9A51A;;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}

.button4 a:hover {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background-color: #F9A51A;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}



.button5 a:link,
.button5 a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #000000;
    background:none;
    border:2px solid #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}

.button5 a:hover {
   display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #000000;
    background:none;
    border:2px solid #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}



input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
}

input[type=radio] {
    width: 20px !important;
    height: 20px !important;
}

.table_checkbox td {
    vertical-align: middle;
}

.table_checkbox td.col1 {
    padding-right: 10px;
}

.table_checkbox {
    margin-bottom: 10px;
}

.table_checkbox_bold td {
    font-weight: bold;
}

.form_area {
    width: 290px;
    margin: auto;
    color: #ffffff;
}

.form_area .item {
    clear: both;
    margin-bottom: 10px;
}

.form_area .item .title {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 2%;
}

.form_area .item .content {
    position: relative;
}

.form_area .item .content_vspace {
    margin-bottom: 5px;
}

.form_area .item .content3 {
    color: #ffffff;
    text-align: left;
    font-size: 14px;
}

.form_area .item .content .icon {
    position: absolute;
    right: 4%;
    top: 10px;
}

.form_area .item .content .icon img {
    height: 20px;
}

.form_area .item_left {
    float: left;
    width: 48%;
}

.form_area .item_right {
    float: right;
    width: 48%;
}

.form_area .item_left .input_middle {
    width: 87%;
    padding: 0px 6% 0px 6%;
}

.form_area .item_right .input_middle {
    width: 87%;
    padding: 0px 6% 0px 6%;
}

.form_area .button_list {
    margin-top: 20px;
}

.form_area .content_input {
    width: 95%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 2% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.form_area .content_input_disabled {
    background-color: #dddddd !important;  
}


.clear {
    clear: both;
}

input.input_short {
    width: 15%;
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding: 0px 2% 0px 2%;
    text-align: center;
    border: none;
    font-size: 18px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: 1%;
    margin-right: 1%;
}

input.input_short3 {
    width: 50px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 2% 0px 2%;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    border: 1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}

input.input_middle {
    width: 91%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 4% 0px 4%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

input.input_middle2 {
    width: 91%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 4% 0px 4%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

input.input_middle3 {
    width: 91%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 4% 0px 4%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


input.input_middle3.timepicker_no {
    width: 100%;
    
}
input.input_middle_chatbox {
    width: 91%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 2% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
textarea.input_middle_chatbox {
    width: 95%;
    height: 30px;
    line-height: 100%;
    margin: 0;
    padding: 5px 2% 5px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

input.input_long {
    width: 91%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 4% 0px 4%;
    text-align: left;
    border: 1px solid #000000;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


textarea.input_middle2 {
    width: 91%;
    height: 60px;
    margin: 0;
    padding: 5px 4% 5px 4%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

textarea.input_middle3 {
    width: 91%;
    height: 50px;
    margin: 0;
    padding: 5px 4% 5px 4%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

select.input_middle {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

select.input_middle2 {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

select.input_middle3 {
    width: 98%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

select.input_select_time {
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

select.input_select_time_am_pm {
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hint {
    color: #FFE08F;
    font-size: 14px;
    margin-top: 10px;
}

.hint a:link,
.hint a:visited {
    color: #FFE08F;
    text-decoration: none;
}

.hint a:hover {
    color: #FFE08F;
    text-decoration: underline;
}

.btn_top_back {
    position: absolute;
    left: 5%;
    top: 5%;
}

.btn_top_back img {
    width: 20px;
}

.btn_top_back a:link,
.btn_top_back a:visited {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    background-color: #5c99d2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_top_back a:hover {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    background-color: #3d77ae;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.form_area .content_input select.input_left {
    float: left;
    width: 20%;
    width: 26%;
    color: #AAAAAA;

}

.form_area .content_input input.input_right {
    float: right;
    width: 70%;
    width: 64%;
}

.btn_choose a:link,
.btn_choose a:visited {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #AAAAAA;
    background: #ffffff;
    text-align: center;
    line-height: 40px;
    ;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_choose a:hover {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #AAAAAA;
    background: #333333;
    text-align: center;
    line-height: 40px;
    ;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.form_area .item_box {
    display: block;
    padding-top: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.form_area .item .desc2 {
    text-align: left;
    font-size: 15px;
    color: #ffffff;
    padding-left: 2%;
}

.form_area .item .desc2 em {
    font-size: 13px;
}

.form_area .item .hint2 {
    text-align: left;
    font-size: 12px;
    color: #ffffff;
    padding-left: 2%;
    margin-top: 5px;
}

.btn_add {
    clear: both;
    margin-top: 10px;
}

.btn_add a:link,
.btn_add a:visited {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 40px;
    ;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_add a:hover {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #3778bf;
    text-align: center;
    line-height: 40px;
    ;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_add img {
    margin-left: 5px;
    height: 20px;
}

.dialog {
    width: 80%;
    max-width: 600px;
    max-height: 80vh;
    /* Responsive height */
    border: none;
    border-radius: 8px;
    padding: 35px 25px 35px 25px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-color: #ffffff;
}

.dialog_content {
    overflow-y: auto;
    max-height: 70vh;
    font-size: 15px;
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

.dialog_content .msg {
    text-align: center;
}
.dialog_content .msg_left {
    text-align: left;
}

.dialog_content .msg_left {
    text-align: left;

}



.btn_close_dialog {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 20px;
}

.btn_close_dialog img {
    width: 100%;
}

.btn_close_dialog2 {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
}

.btn_close_dialog2 img {
    width: 100%;
}

.dialog_content {}

.dialog_content .heading {
    font-family: 'NotoSans-Bold';
    color: #3071b8;
    margin-bottom: 15px;
}

.dialog_form_area {
    width: 290px;
    margin: auto;
    color: #333333;
    font-size: 15px;
}

.dialog_form_area .item {
    clear: both;
    margin-bottom: 10px;
}

.dialog_form_area .heading3 {
    color: #3071b8;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
    padding-left: 30px;
}

.dialog_form_area .heading2 {
    color: #333333;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
}

.dialog_form_area .item .title {
    color: #333333;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
}

.dialog_form_area .item .title em {
    font-size: 13px;
}

.dialog_form_area .item .content {
    position: relative;
}

.dialog_form_area .item .content_vspace {
    margin-bottom: 5px;
}

.dialog_form_area .item .vspace {
    margin-bottom: 5px;
}

.dialog_form_area .item .content_left {
    float: left;
    width: 48%;
}

.dialog_form_area .item .content_right {
    float: right;
    width: 48%;
}

.radio_list .radio {
    clear: both;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.radio_list .radio label {
    display: flex;
    align-items: center;
}

.radio_list .radio label input {
    margin-right: 10px;
}

.btn_confirm_dialog {
    clear: both;
    margin-top: 15px;
}

.btn_confirm_dialog a:link,
.btn_confirm_dialog a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
        font-size: 13px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_confirm_dialog a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
        font-size: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #3c7dc6;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_cancel_dialog {
    clear: both;
    margin-top: 15px;
}

.btn_cancel_dialog a:link,
.btn_cancel_dialog a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
    font-size: 13px;
    color: #ffffff;
    background: #808D96;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_cancel_dialog a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
        font-size: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #333333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_dialog_blue {
    clear: both;
    margin-top: 15px;
}

.btn_button_dialog_blue img {
    margin-right: 5px;
    height: 20px;
}

.btn_button_dialog_blue a:link,
.btn_button_dialog_blue a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_dialog_blue a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #333333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_dialog_red {
    clear: both;
    margin-top: 15px;
}

.btn_button_dialog_red img {
    margin-right: 5px;
    height: 25px;
}

.btn_button_dialog_red a:link,
.btn_button_dialog_red a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_dialog_red a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #333333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    z-index: 99;
    color: #1E64B2;
}

.header_container {
    max-width: 480px;
    margin: auto;
}

.header_container2 {
    max-width: 98%;
    margin: auto;
    padding-top: 10px;
    margin-left: 2%;
}

.header_left {
    float: left;
    width: 45%;

        width: 70%;
}

.header_right {
    float: right;
    width: 55%;
   width: 30%;
}

.header_right_container {
    float: right;
}

.header_right .item {
    float: left;
    margin-left: 8px;
}

.top_online_mode{
    margin-top:4px;
}

.top_online_mode img {
    height: 25px;
    margin-left: 5px;

        height: 20px;
    margin-left: 4px;
}

.top_online_mode a:link,
.top_online_mode a:visited {
    color: #969696;
    font-size: 15px;
       font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.top_online_mode a:hover {
    color: #969696;
    font-size: 15px;
      font-size: 13px;
    font-weight: bold;
    display: flex;
    text-decoration: none;
    align-items: center;
}

.top_online_mode a:link .status2,
.top_online_mode a:visited .status2,
.top_online_mode a:hover .status2 {
    display: none;
}

.top_online_mode a.current:link .status1,
.top_online_mode a.current:visited .status1,
.top_online_mode a.current:hover .status1 {
    display: none;
}

.top_online_mode a.current:link .status2,
.top_online_mode a.current:visited .status2,
.top_online_mode a.current:hover .status2 {
    display: inline;
}

.btn_top_lang {
    float: right;
}

.btn_top_lang a:link,
.btn_top_lang a:visited {
    display: block;
    padding: 3px 20px 3px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_top_lang a:hover {
    display: block;
    padding: 3px 20px 3px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #333333;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.top_profile img {
    height: 30px;
}

.top_profile a {
    display: flex;              
    align-items: center;       
    gap: 8px;                   
    color: #1E64B2;
    font-size: 15px;
       font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 120%;
}


.top_profile a:link,
.top_profile a:visited {
    color: #1E64B2;
    font-size: 15px;
          font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height:120%;
}

.top_profile a:hover {
    color: #1E64B2;
    font-size: 15px;
          font-size: 13px;
    font-weight: bold;
      line-height:120%;
}

.bottom_menu {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 90px;
    background-color: #ffffff;
    z-index: 99;
     height: 70px;
}

.bottom_menu_container {
    max-width: 480px;
    margin: auto;
    padding-top: 15px;
    border-top: 1px solid #999999;
     padding-top: 5px;
}

.bottom_menu_container2 {
    display: flex;
    justify-content: center;
    /* Horizontal centering */
    align-items: center;
    max-width: 96%;
    margin: auto;
}

.bottom_menu .item {
    float: left;
    width: 16%;
    margin-left: 2%;
    margin-right: 2%;
}

.bottom_menu .item .icon {
    height: 40px;
    width: 40px;
    margin: auto;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.bottom_menu .item .icon img {
    max-width: 100%;
    max-height: 25px;
}

.bottom_menu .item .icon .img2 {
    display: none;
}

.bottom_menu .item .title {
    margin-top: 3px;
    font-size: 11px;
    color: #646464;
    text-align: center;
}

.bottom_menu .item a {
    text-decoration: none;
}

.bottom_menu .item .icon:link,
.bottom_menu .item .icon:visited {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.bottom_menu .item a.current:link .icon,
.bottom_menu .item a.current:visited .icon,
.bottom_menu .item a:hover .icon {
    background-color: #3d77ae;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.bottom_menu .item a.current:link .icon .img1,
.bottom_menu .item a.current:visited .icon .img1,
.bottom_menu .item a:hover .icon .img1 {
    display: none;
}

.bottom_menu .item a.current:link .icon .img2,
.bottom_menu .item a.current:visited .icon .img2,
.bottom_menu .item a:hover .icon .img2 {
    display: inline;
}

.home_box_balance {
    background: #53C0AE;
    background: linear-gradient(180deg, rgba(83, 192, 174, 1) 0%, rgba(83, 147, 178, 1) 100%);
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.home_box_balance_container {
    display: flex;
    gap: 20px;
    align-items: center;
}

.home_box_balance .icon img {
    max-width: 50px;
}

.home_box_balance .content .title {
    font-family: 'NotoSans-Bold';
}

.home_box_alert {
    background: #FF4B00;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.home_box_alert .heading {
    display: flex;
    align-items: center;
    /* Vertical centering */
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.home_box_alert .heading .icon img {
    max-width: 50px;
}

.home_box_alert .heading .content .title {
    font-family: 'NotoSans-Bold';
}

.alert_list .item {
    margin-bottom: 10px;
}

.alert_list .item .title {
    font-size: 14px;
    font-family: 'NotoSans-Bold';
}

.alert_list .item .desc {
    font-size: 14px;
}

.table_info td {
    padding: 0px 5px 5px 0px;
}

.home_box_search {
    background: #1E64B2;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.home_box_search_container {
    display: flex;
    gap: 20px;
    align-items: center;
}

.home_box_search .icon img {
    max-width: 50px;
}

.home_box_search .content .title {
    font-family: 'NotoSans-Bold';
}

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

.home_box_right {
    float: right;
    width: 48%;
}

.home_box_reminder {
    background: #E1F4FD;
    color: #1E64B2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.home_box_reminder .heading {
    border-bottom: 1px solid #1E64B2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.home_box_reminder .heading .icon {
    width: 30%;
}

.home_box_reminder .heading .icon img {
    max-width: 100%;
}

.home_box_reminder .heading .content {
    clear: both;
    margin-top: 5px;
}

.home_box_reminder .heading .content .title {
    font-family: 'NotoSans-Bold';
}

.reminder_list .item {
    margin-bottom: 10px;
}

.reminder_list .item .title {
    font-size: 14px;
    font-family: 'NotoSans-Bold';
    margin-bottom: 5px;
}

.reminder_list .item .desc {
    font-size: 14px;
}

.home_box_manage {
    background: #E1F4FD;
    color: #1E64B2;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
    position: relative;
}

.home_box_manage .heading {}

.home_box_manage .heading .icon {
    width: 30%;
}

.home_box_manage .heading .icon img {
    max-width: 100%;
}

.home_box_manage .heading .content {
    clear: both;
    margin-top: 5px;
}

.home_box_manage .heading .content .title {
    font-family: 'NotoSans-Bold';
}

.home_box_manage .content .title {
    color: #1E64B2;
    font-family: 'NotoSans-Bold';
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.home_box_manage .content {
    display: flex;
    align-items: flex-end;
}

.home_box_row {
    display: flex;
    gap: 20px;
    /* optional spacing */
}

.home_box_left,
.home_box_right {
    flex: 1;
}

.home_box_reminder,
.home_box_manage {
    height: 100%;
}

.btn_link {
    cursor: pointer;
}

.table_button_half {
    width: 100%;
}

.table_button_half td {
    width: 48%;
    padding-left: 2%;
    padding-right: 2%;
}

.center_page {
    display: flex;
    flex-direction: column;
    /* Stack children vertically */
    justify-content: center;
    /* Center vertically */
    align-items: center;
    /* Center horizontally (optional) */
    height: calc(100vh - 90px);
}

.center_page h1 {
    color: #333333;
}

b,
strong {
    font-family: 'NotoSans-Bold';
    font-weight: normal;
    font-weight: bold  !important;
}

.btn_button_big {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.btn_button_big a:link,
.btn_button_big a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
}

.btn_button_big a:hover {
    display: block;
    text-align: center;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    background: #333333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.section_heading_left img {
    height: 30px;
    margin-right: 5px;
}

.section_inside_info_box .heading8 img {
    height: 30px;
    margin-right: 5px;
}

.section_inside_info_box .heading8_left{
   float:left;
   width:85%;
}

.section_inside_info_box .heading8_right{
   float:right;
   width:14%;
}

.section_heading {
    clear: both;
    display: block;
    margin-bottom: 20px;
}

.section_heading_left {
    float: left;
    width: 65%;
}

.section_heading_full {
    float: left;
    width: 100%;
}

.section_heading_right {
    float: right;
    width: 33%;
}

.section_title {
    color: #1E64B2;
    margin-bottom: 0px;
    font-size:20px;
}


.section_title a:link,.section_title a:visited{
    color: #1E64B2;
   
}
.section_title a:hover{
    color: #1E64B2;
   
}



.action_list {
    float: right;
}

.action_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.action_list ul li {
    float: left;
    margin-left: 10px;
}

.action_list ul li img {
    height: 20px;
}

.action_list ul li a:link,
.action_list ul li a:visited {
    text-decoration: none;
    color: #333333;
    font-size: 15px;
}

.action_list ul li a:hover {
    text-decoration: none;
    color: #333333;
    font-size: 15px;
}

.section_profile_info table {
    width: 100%;
}

.section_profile_info table td {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px #333333 dashed;
}

.section_profile_info table td.title {
    width: 150px;
}

.form_area_inside {
    width: 100%;
    margin: auto;
    color: #333333;
}

.form_area_inside .item .title {
    color: #333333;
}

.form_area_inside .item .content3 {
    color: #333333;
}

.form_area_inside .item .desc2 {
    color: #333333;
}

.form_area_inside .item .hint2 {
    color: #333333;
}

.form_area_inside .item .content3 a {
    color: #333333;
}

.section_balance_box {
    background: #53C0AE;
    background: linear-gradient(180deg, rgba(83, 192, 174, 1) 0%, rgba(83, 147, 178, 1) 100%);
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.section_balance_box_container {}

.section_balance_box_container .content {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.section_balance_box .content .title {
    font-family: 'NotoSans-Bold';
    font-size: 17px;
}

.section_balance_box .content .desc {
    text-align: right;
    font-size: 17px;
    float: right;
}

.btn_button_white {
    clear: both;
    margin-top: 10px;
}

.btn_button_white img {
    margin-right: 5px;
    height: 25px;
}

.btn_button_white a:link,
.btn_button_white a:visited {
    float: left;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #1E64B2;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
}

.btn_button_white a:hover {
    float: left;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 16px;
    color: #1E64B2;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
}

.section_inside_info_box {
    background: #ffffff;
    color: #333333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.section_inside_info_box_no_shadow {
   
    box-shadow: none;

    
}




.section_inside_info_box .heading {
    font-family: 'NotoSans-Bold';
    margin-bottom: 15px;
    color: #1E64B2;
}



.section_inside_info_box .heading span{
    font-family: 'NotoSans-Regular';
    font-size:13px;
}


.section_inside_info_box .heading_red {
    font-family: 'NotoSans-Bold';
    color: #FF4B00;
}

.section_inside_info_box .heading2 {
    font-family: 'NotoSans-Bold';
    margin-bottom: 10px;
    color: #333333;
}

.table_info2 {
    width: 100%;
}

.table_info2 td {
    padding: 5px 10px 5px 0px;
    border-bottom: 1px #333333 dashed;
}

.table_info2 td.title {
    width: 80px;
}

.table_info2 tr:last-child td {
    border-bottom: none;
}

.table_info2 td.title2 {
    width: 80px;
}

.table_info2 td.col_status {
    width: 40px;
    text-align:center;
}

.table_info2 td.col_icon_label {
    width: 40px;
}

.table_info3 {
    width: 100%;
}

.table_info3 td {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px #333333 dashed;
    vertical-align: middle;
}

.table_info3 td.title {
    width: 80px;
}

.table_info3 td.col_button {
    width: 60px;
}

.table_info3 tr:last-child td {
    border-bottom: none;
}

.hide {
    display: none;
}

.table_search {
    width: 100%;
    margin-bottom: 15px;
}

.table_search td {
    padding: 5px 5px 5px 5px;
    vertical-align: middle;
}

input.input_search {
    width: 85%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 10% 0px 4%;
    text-align: left;
    border: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(images/icon/input_search.svg?v=2);
    background-position: right 5px center;
    background-repeat: no-repeat;
}



input.input_middle_search {
    width: 84%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 10% 0px 4%;
    text-align: left;
    border: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-image: url(images/icon/input_search.svg?v=2);
    background-position: right 5px center;
    background-repeat: no-repeat;
}



input.input_top_search {
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 20px 0px 10px;
    text-align: left;
    border: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(images/patient/icon/search.svg?v=22);
    background-position: right 5px center;
    background-repeat: no-repeat;
}

select.input_select_search {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Bold';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

select.input_select_search2 {
    width: 98%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #5AB6A4;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    font-family: 'NotoSans-Bold';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.btn_detail {
    clear: both;
}

.btn_detail img {
    margin-right: 5px;
    height: 25px;
}

.btn_detail a:link,
.btn_detail a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_detail a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #333333;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_detail {
    clear: both;
}

.btn_detail img {
    margin-right: 5px;
    height: 25px;
}

.btn_detail a:link,
.btn_detail a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_detail a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #333333;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_download {
    clear: both;
    margin-top: 15px;
}

.btn_download img {
    margin-left: 5px;
    height: 20px;
}

.btn_download a:link,
.btn_download a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_download a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}




.btn_download_small {
    clear: both;
    margin-top: 15px;
}

.btn_download_small img {
    margin-left: 5px;
    height: 20px;
}

.btn_download_small a:link,
.btn_download_small a:visited {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_download_small a:hover {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}


.table_info4 {
    width: 100%;
}

.table_info4 td {
    padding: 5px 10px 5px 0px;
    border-bottom: 1px #ffffff dashed;
}

.table_info4 td.title {
    width: 80px;
}

.table_info4 td.title3 {
    width: 120px;
}

.table_info4 tr:last-child td {
    border-bottom: none;
}

.table_info_price {
    width: 100%;
    margin-bottom: 30px;
}

.table_info_price td {
    padding: 5px 10px 5px 0px;
    border-bottom: 1px #ffffff dashed;
    color: #ffffff;
}

.table_info_price td.title {
    width: 80px;
}

.table_info_price tr:last-child td {
    border-bottom: none;
}

.table_info_price td.price {}

.section_inside_balance_account_detail_box {
    background: #53C0AE;
    background: linear-gradient(180deg, rgba(83, 192, 174, 1) 0%, rgba(83, 147, 178, 1) 100%);
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}

.section_inside_balance_account_detail_box_container {}

.section_inside_balance_account_detail_box .heading {
    font-family: 'NotoSans-Bold';
    color: #ffffff;
    margin-bottom: 20px;
}

.table_download {
    width: 100%;
}

.table_download td {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px #ffffff dashed;
    vertical-align: middle;
    color: #ffffff;
}

.table_download td.title {
    width: 80px;
}

.table_download td.col_button {
    width: 80px;
}

.table_download tr:last-child td {
    border-bottom: none;
}

.btn_download_list {
    clear: both;
}

.btn_download_list img {
    margin-left: 5px;
    height: 16px;
}

.btn_download_list a:link,
.btn_download_list a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_download_list a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.table_select {
    width: 100%;
    margin-bottom: 30px;
}

.table_select td {
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}

.table_select .col_select {
    text-align: center;
    width: 50px;
        width: 60px;
}

.table_select tr.row_line td {
    border-top: 1px dashed #333333;
    padding-top: 10px;
}





.table_select .col1 {
    width: 80px;
}

.table_select thead th {
    background-color: #588ED3;
    /* Your desired background */
    color: #ffffff;
    font-size: 13px;
    padding: 5px 5px 5px 10px;
    font-family: 'NotoSans-Regular';
}

.table_select thead th:first-child {
    border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}

.table_select thead th:last-child {
    border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.table_select thead th.col2 {
    width: 110px;
}

.table_select .price {
    color: #1E64B2;
    font-family: 'NotoSans-Bold';
}

.btn_edit {
    clear: both;
}

.btn_edit img {
    margin-right: 5px;
    height: 25px;
}

.btn_edit a:link,
.btn_edit a:visited,
.btn_edit a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #8db1d8;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_edit a.current:link,
.btn_edit a.current:visited,
.btn_edit a.current:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.button_list_center {
    width: 100%;
}

.button_list_center .item {
    float: left;
    width: 48%;
}

.button_list_center .item2 {
    float: right;
}

.button_list_center .item a:link,
.button_list_center .item a:visited,
.button_list_center .item a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #8db1d8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.button_list_center .item a.current:link,
.button_list_center .item a.current:visited,
.button_list_center .item a.current:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1E64B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}

.button_list_center .item2 a:link,
.button_list_center .item2 a:visited,
.button_list_center .item2 a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #ffa580;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.button_list_center .item2 a.current:link,
.button_list_center .item2 a.current:visited,
.button_list_center .item2 a.curren:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #FF4B00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}

.session_info_top {
    margin-bottom: 20px;
}

.session_info_top .item {
    margin-bottom: 5px;
    font-size: 16px;
}

.session_info_top .item_left {
    float: left;
    width: 80%;
}

.session_info_top .item_right {
    float: left;
    width: 20%;
}

.icon_label {
    float: right;
    height: 25px;
    width: 25px;
    background-color: #999999;
    color: #ffffff;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon_label_center {
    margin:auto;
    height: 25px;
    width: 25px;
    background-color: #999999;
    color: #ffffff;
    font-size: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.session_info_top .item .title {
    font-family: 'NotoSans-Bold';
}

.table_info_text td {
    padding: 0px 5px 0px 0px;
}

.table_button_center {
    width: 80%;
    margin: auto;
}

.btn_button_center {
    clear: both;
    margin-top: 15px;
}

.btn_button_center img {
    margin-right: 5px;
    height: 25px;
}

.btn_button_center a:link,
.btn_button_center a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_center a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #333333;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.table_form {
    width: 100%;
}

.table_form td {
    padding: 0px 5px 5px 0px;
    font-size: 14px;
}

.table_form td.title {
    font-family: 'NotoSans-Bold';
    width: 80px;
}

.table_form .center {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.table_radio {
    width: 100%;
}

.table_radio td {
    vertical-align: top;
    padding: 0px 5px 5px 0px;
    font-size: 14px;
    font-family: 'NotoSans-Regular';
    position: relative;
}

.table_radio td.col_radio {
    width: 20px !important;
    padding-top: 3px;
}

.table_form td.have_button {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
}

.btn_add_item {
    float: right;
}

.btn_add_item img {
    width: 15px;
}

.btn_add_item a:link,
.btn_add_item a:visited {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_add_item a:hover {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.button_list_dialog {
    clear: both;
    width: 100%;
    margin-top: 20px;
}

.button_list_dialog .item {
    margin-bottom: 15px;
}

.button_list_dialog .item a:link,
.button_list_dialog .item a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background-color: #1E64B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
    text-align: center;
}

.button_list_dialog .item a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background-color: #1E64B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    text-align: center;
}

.line {
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #000000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.table_radio2 {
    width: 100%;
}

.table_radio2 td {
    vertical-align: top;
    padding: 0px 5px 5px 0px;
    font-size: 16px;
    font-family: 'NotoSans-Regular';
    position: relative;
}

.table_radio2 td.col_radio2 {
    width: 20px !important;
}

.btn_add_item_list {
    float: right;
}

.btn_add_item_list img {
    width: 15px;
}

.btn_add_item_list a:link,
.btn_add_item_list a:visited {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_add_item_list a:hover {
    float: left;
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.table_calendar_heading {
    width: 100%;
    margin-bottom: 20px;
}

.table_calendar_heading td {
    vertical-align: middle;
}

.table_calendar_heading td.cell_button {
    width: 30px;
}

.table_calendar_heading td.title {
    text-align: center;
    font-family: 'NotoSans-Bold';
    font-size: 24px;
}

.btn_prev {
    float: left;
}

.btn_prev img {
    width: 16px;
}

.btn_prev a:link,
.btn_prev a:visited {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    background-color: #1E64B2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_prev a:hover {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    background-color: #1E64B2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_next {
    float: right;
}

.btn_next img {
    width: 16px;
}

.btn_next a:link,
.btn_next a:visited {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    background-color: #1E64B2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_next a:hover {
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    background-color: #1E64B2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.table_calendar {
    width: 100%;
}

.table_calendar th {
    vertical-align: middle;
    text-align: center;
    padding: 5px 5px 5px 5px;
    font-family: 'NotoSans-Bold';
    font-weight: normal;
    width: 14%;
}

.table_calendar .hoilday {
    color: #FF2B33;
}

.table_calendar td {
    vertical-align: middle;
    text-align: center;
    padding: 5px 5px 5px 5px;
}

.table_calendar .past {
    color: #cccccc;
}

.past_date {
    display: block;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #969696;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.normal_date {
    display: block;
    padding: 5px 5px 5px 5px;
    text-align: center;

    border:1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.today {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    border-radius: 50%;
}

.future_date {
    display: block;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #588ED3;
    color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.section_calendar {
    max-width: 90%;
    margin: auto;
}

.section_heading_calendar {
    max-width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

.section_calendar_date_list {
    width: 100%;
    background-color: #ffffff;
    min-height: 300px;
    padding-top: 30px;
    margin-top: 30px;
    padding-bottom: 120px;
}

.section_calendar_date_list_container {
    max-width: 90%;
    margin: auto;
    margin-bottom: 20px;
}

.table_calendar_date_list {
    width: 100%;
}

.table_calendar_date_list td {
    padding: 10px 5px 10px 5px;
    border-bottom: 1px dashed #333333;
    font-size: 15px;
}

.table_calendar_date_list td.col1 {
    width: 130px;
}

.table_calendar_date_list td.col_status {
    width: 40px;
    text-align:center;
}

.btn_global_edit_calendar {
    position: fixed;
    bottom: 110px;
    right: 10px;
}

.btn_global_edit_calendar img {
    width: 30px;
}

.btn_global_edit_calendar a:link,
.btn_global_edit_calendar a:visited {
    float: left;
    width: 50px;
    height: 50px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_global_edit_calendar a:hover {
    float: left;
    width: 50px;
    height: 50px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    line-height: 30px;
    ;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.icon_status {
    float: right;
    width: 20px;
    height: 20px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 50%;
    background: #969696;
    text-align: center;
    line-height: 30px;
}

.icon_status2 {
    background: #1E64B2;
}

.icon_status3 {
    background: #F9A51A;
}

.icon_status4 {
    background: #A872AF;
}


.icon_online_status {
    margin:auto;
    width: 25px;
    height: 25px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-size: 15px;
    border-radius: 50%;
    background: #969696;
    text-align: center;
    line-height: 30px;
}

.icon_online_status_offline {

    background: #4D4D4D;
   
}

.icon_online_status_online {

    background: #35B500;
   
}

.btn_dialog_never_show_again {
    position: absolute;
    right: 15px;
    top: 15px;
}

.btn_dialog_never_show_again a:link,
.btn_dialog_never_show_again a:visited {
    float: left;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333333;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_dialog_never_show_again a:hover {
    float: left;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    background: #ffffff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #333333;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.message_user_list {
    width: 100%;
}

.message_user_list .item {
    width: 100%;
    margin-bottom: 15px;
}

.message_user_list .item {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.message_user_list .icon img {
    max-width: 50px;
}






.message_user_list .content .title {
    font-family: 'NotoSans-Bold';
}

.message_user_list  .title {
    font-family: 'NotoSans-Bold';
    position:relative;
}
.message_user_list .icon  {
     position:relative;
}

.message_user_list .select {
    margin-left: auto;
}
.icon_user img {
    width: 40px;
}

.icon_user {

    /*
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    background-color: #787878;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;

*/

}

.message_chat_panel{
	width:100%;
	background-color:#ffffff;
	position:fixed;
	bottom:90px;
	left:0px;

	height: calc(100vh - 300px);
    	height: calc(100vh - 200px);
}

.message_chat_panel_container{
	width:100%;
	background-color:#ffffff;
	position: relative;
	
}

.message_chat_panel_heading{
	display:block;
	
		max-width:480px;
	margin:auto;
	
	border-bottom:1px solid #333333;
    position:relative;
}
.message_chat_panel_heading_container{

	max-width:90%;
	margin:auto;
	padding-top:10px;

	padding-bottom:10px;
}



.message_chat_panel_heading_left{
	float:left;
	width:80%;
}
.message_chat_panel_heading_right{
	float:right;
	width:18%;
}

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

.user_item .icon img {
    max-width: 50px;
}

.user_item .content .title {
    font-family: 'NotoSans-Bold';
}


.btn_more_option{
	float:right;
	margin-top:10px;
}
.btn_more_option img{
	height:20px;
}

.message_chat_panel_content{
    max-width:480px;
    margin:auto;
	height:100%;
	position:relative;

    height: 100vh;    

    
    


}

.message_chat_panel_content_container{
	max-width:90%;
	margin:auto;
	padding-top:10px;

	padding-bottom:10px;

	
	overflow:auto;

	position:relative;

	height: calc(100vh - 500px);

    height: 30vh;

    
	height: calc(100vh - 430px);

	height: calc(100vh - 350px);
    
}

.message_chatbox{
	position:fixed;
	bottom:90px;
	left:0px;
	width:100%;
	height:50px;

    	bottom:70px;
        background-color:#ffffff;
-webkit-box-shadow: 1px 1px 14px -5px #000000; 
box-shadow: 1px 1px 14px -5px #000000;
}

.table_message_chatbox{
width:100%;
}
.message_chatbox_container{
	max-width:480px;
	margin:auto;
    margin-top:4px;
}
.table_message_chatbox{
    width:96%;
    margin:auto;
}

.table_message_chatbox td{
vertical-align: middle;
}
.table_message_chatbox td.col_button{
width:34px;
padding-left:5px;
width:24px;
}

.table_message_chatbox td.col_button img{
max-width:100%;
max-height:24px;
}

.message_list{
	clear:both;
    padding-bottom:200px;
}

.message_list .item{
	float:left;
	width:75%;
    	width:85%;
	margin-bottom:15px;
}

.message_list .item .date{
	text-align: right;
	margin-bottom:5px;
	
}
.message_list .item .msg{
	display:block;
	padding:5px 10px 5px 10px ;
	border:1px solid #333333;
	color:#333333;
	font-size:16px;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color:#ffffff;
}

.message_list .item.current{
	float:right;
	width:75%;
    width:85%;
}

.message_list .item.current .date{
	text-align: left;

}
.message_list .item.current .msg{
	display:block;
	padding:5px 10px 5px 10px ;
	border:1px solid #1E64B2;
	color:#ffffff;
	font-size:16px;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color:#1E64B2;
}

.message_list .item.current .msg_highlight{
	display:block;
	padding:5px 10px 5px 10px ;
	border:1px solid #ffffff;
	color:#333333;
	font-size:16px;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color:#ffffff;
    margin-bottom:5px;
}


.message_chat_panel_heading_more_option{
    position:absolute;
    top:62px;
    right:0px;
    width:200px;
    background-color:#ffffff;
    z-index:9;
display:none;
}

.message_chat_panel_heading_more_option_container{
display:block;
padding:10px 15px 10px 15px;
border:1px solid #999999;
border-top:none;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
  
}

.message_chat_panel_heading_more_option ul{
list-style:none;
padding:0;
margin:0;

}

.message_chat_panel_heading_more_option ul li{
clear:both;
list-style:none;
padding:0;
margin:0;
margin-bottom:5px;

}


.message_chat_panel_heading_more_option ul li a:link,.message_chat_panel_heading_more_option ul li a:visited{
text-decoration: none;
font-size:16px;
color:#333333;

}

.message_chat_panel_heading_more_option ul li a:hover{
text-decoration: none;
font-size:16px;
color:#333333;

}

.table_bottom_share{
    width:90%;
    margin:auto;

}

.table_bottom_share td{
    padding-left:5px;
    padding-right:5px;
    vertical-align: middle;
    font-family: 'NotoSans-Bold';
}

.table_bottom_share td.col_button{
    width:100px;
}

.btn_share_contact{
    float:right;
}

.btn_share_contact a:link,
.btn_share_contact a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    background: #1E64B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.btn_share_contact a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    background: #1E64B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.share_contact_bottom{
    position:fixed;
    bottom:90px;
    left:0px;
    width:100%;
    background-color:#CBE1FF;
}

.share_contact_bottom_container{
   max-width:480px;
   margin:auto;
   padding-top:5px;
   padding-bottom:5px;
}

.table_add_item{
    width:100%;
}


.section_search_box {
    background: #1E64B2;
    color: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 25px 25px 25px 25px;
}


.form_area_search {
    width: 100%;
    margin: auto;
    color: #FFFFFF;
}

.form_area_search .item .title {
    color: #FFFFFF;
}

.form_area_search .item .content3 {
    color: #FFFFFF;
}

.form_area_search .item .desc2 {
    color: #FFFFFF;
}

.form_area_search .item .hint2 {
    color: #FFFFFF;
}

.form_area_search .item .content3 a {
    color: #FFFFFF;
}


.btn_confirm_search {
    clear: both;
    width:200px;
    margin:auto;
    margin-top:20px;
}

.btn_confirm_search a:link,
.btn_confirm_search a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #588ED3;
    text-align: center;
    border:2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_confirm_search a:hover {
   display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #588ED3;
    text-align: center;
    border:2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}



.section_search_result_box {
    background: #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    display: block;
    padding: 15px 15px 15px 15px;
}


.btn_add_to_favourite {
    clear: both;
    width:100%;
    margin:auto;
    margin-top:20px;
}

.btn_add_to_favourite a:link,
.btn_add_to_favourite a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_add_to_favourite a:hover {
   display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}





.btn_remove_from_favourite {
    clear: both;
    width:100%;
    margin:auto;
    margin-top:20px;
}

.btn_remove_from_favourite a:link,
.btn_remove_from_favourite a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #333333;
    text-align: center;
   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_remove_from_favourite a:hover {
   display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #333333;
    text-align: center;
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.table_search_result_info {
    width: 100%;
    margin-bottom: 20px;
}

.table_search_result_info td {
    padding: 10px 10px 10px 10px;
    font-size: 15px;
    border-bottom:1px #333333 dashed;
}

.table_search_result_info .col_last {
    text-align: right;
    width: 50px;
}

.table_search_result_info tr.row_line td {
    border-top: 1px dashed #333333;
    padding-top: 10px;
}

.table_search_result_info .col1 {
    width: 80px;
}

.table_search_result_info thead th {
    background-color: #588ED3;
    /* Your desired background */
    color: #ffffff;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
    font-family: 'NotoSans-Regular';
}

.table_search_result_info thead th:first-child {
    border-top-left-radius: 10px;
}

.table_search_result_info thead th:last-child {
    border-top-right-radius: 10px;
}

.table_search_result_info thead th.col2 {
    
}


.search_result_info2 {
    margin-bottom: 20px;
    display:block;
    padding:0px 10px 0px 10px;
}

.search_result_info2 .item {
    margin-bottom: 5px;
    font-size: 16px;
}

.search_result_info2 .item_left {
    float: left;
    width: 80%;
}

.search_result_info2 .item_right {
    float: left;
    width: 20%;
}

.search_result_info2 .title {
    font-family: 'NotoSans-Bold';
}


.footer_remark{
    font-size:14px;
}

.red{
    color:#FF3200;
}


.table_form2 {
    width: 100%;
}

.table_form2 td {
    padding: 5px 10px 5px 0px;
    font-size: 14px;
}

.table_form2 td.title {
    font-family: 'NotoSans-Bold';
    width: 80px;
    padding-right:10px;
}

.table_form2 td.title2 {
    font-family: 'NotoSans-Bold';
    width: 80px;
    color: #1E64B2;
     padding-right:10px;
}





.table_form2 tr.row_line td {
    border-bottom:1px #333333 dashed;
     padding: 10px 10px 10px 0px;
   
}

.table_form2 td.title3 {
    font-family: 'NotoSans-Bold';
    width: 80px;
    padding-right:10px;
}


.table_form2 td.col_status {
    width: 40px;
    text-align:center;
}

.table_form2 td.col_icon_label {
    width: 40px;
    text-align:center;
}






.btn_confirm_rating {
    clear: both;
    width:100%;
    margin:auto;
   
}

.btn_confirm_rating a:link,
.btn_confirm_rating a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_confirm_rating a:hover {
   display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.table_form2_hint{
    clear:both;
    padding-top:20px;
    color:#888888;
}

.rating_box img{
width:20px;
}

.rating_box{
    float:right;
}
.table_calendar_icon{
   clear:both;
   margin-top:20px;
}

.table_calendar_icon td{
    padding:5px 5px 5px 5px;
    font-size:15px;
    vertical-align: top;
}

.table_calendar_icon td.col1{
   width:20px;
  
}

.table_calendar_icon td .icon{
   height:20px;
    width: 20px;
    background-color: #5c99d2;
    border-radius: 50%;
}

.table_calendar_icon td .icon1{
 
    background-color: #000000;
    
}
.table_calendar_icon td .icon2{
 
    background-color: #969696;
    
}
.table_calendar_icon td .icon3{
 
    background-color: #588ED3;
    
}

.select_calender_month{
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 10px 0px 10px;
    text-align: left;
    border: none;
    font-size: 16px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Bold';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

       background-color: #E1F4FD;

       border:1px solid #999999;

}

.table_calendar_select td{
    padding:0px 5px 0px 5px;
}

.select_calender_year{
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 10px 0px 10px;
    text-align: left;
    border: none;
    font-size: 16px;
    font-weight: normal;
    background: none;
    color: #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Bold';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

       background-color: #E1F4FD;
          border:1px solid #999999;
}

.loading_calendar{
    width:100%;
    min-height:200px;
}

.err_msg{
color:#ffffff;
margin-bottom:15px;
display:block;
background-color:#ff0000;
display:none;
padding:10px;
text-align:left;
}
.err_msg.show{

display:block;

}

select.input_select_search_long {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 15px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    font-family: 'NotoSans-Bold';
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

}


.btn_consultation_detail{
    cursor:pointer;
}



.table_info_status {
    width: 100%;
    margin-bottom: 30px;
}

.table_info_status td {
    padding: 10px 10px 10px 10px;
    font-size: 13px;
    border-bottom:1px dashed #333333;
    vertical-align:middle;
}

.table_info_status .col_status {
    text-align: center;
    width: 25px;
}

.table_info_status tr.row_line td {
    border-top: 1px dashed #333333;
    padding-top: 10px;
}

.table_info_status .col1 {
    width: 80px;
}

.table_info_status thead th {
    background-color: #588ED3;
    /* Your desired background */
    color: #ffffff;
    font-size: 13px;
    padding: 5px 5px 5px 10px;
    font-family: 'NotoSans-Regular';
}

.table_info_status thead th:first-child {
    border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}

.table_info_status thead th:last-child {
    border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.table_info_status thead th.col2 {
    width: 110px;
}

.table_info_status .title {
    font-weight:bold;
}


.table_price_summery{
    width:100%;
    margin-bottom:5px;
}
.table_price_summery td{
    vertical-align: middle;
    font-weight:bold;
    padding:2px 5px 2px 5px;
}

.table_price_summery td.col1{
    
}
.table_price_summery td.col_last{
    text-align:right;
}

.table_price_summery tr.row_final2 td{

  padding-bottom:5px;

}

.table_price_summery tr.row_final td{
  border-top:1px solid #000000;
  padding-top:5px;
  padding-bottom:5px;
}


.table_payment_info{
    width:100%;
    margin-bottom:5px;
}
.table_payment_info td{
    vertical-align: middle;

    padding:2px 5px 2px 5px;
}

.table_payment_info td.col1{
    
}
.table_payment_info td.col_last{
    text-align:right;
}




.btn_button_small {
   
}

.btn_button_small img {
    margin-right: 5px;
    height: 20px;
}

.btn_button_small a:link,
.btn_button_small a:visited {
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_small a:hover {
     display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}




.btn_button_small a.current:link,
.btn_button_small a.current:visited {
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #000000;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_small a.current:hover {
     display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #000000;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}



.btn_button_small_center {
   
}

.btn_button_small_center img {
    margin-right: 5px;
    height: 20px;
}

.btn_button_small_center a:link,
.btn_button_small_center a:visited {
    float:left;
    min-width:120px;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_small_center a:hover {
    float:left;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.service_top_search_area{
    float:right;
    padding-top:5px;
}
.table_service_top_search td{
    padding:0px 0px 0px 10px;
    vertical-align:middle;
}

.btn_show_filter{
    width:25px;
}
.btn_show_filter img{
    width:100%;
}

.btn_show_sortby{
    width:25px;
   
}
.btn_show_sortby img{
    width:100%;
}


.table_info_contact {
    width: 100%;
    margin-bottom: 30px;
}

.table_info_contact td {
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    vertical-align:middle;
        background-color:#EFF2F4;
        border-bottom:1px solid #ffffff;
}

.table_info_contact .col_status {
    text-align: center;
    width: 25px;
    padding-right:28px;
        width: 35px;
}

.table_info_contact tr.row_line td {
    border-top: 1px dashed #333333;
    padding-top: 5px;
}

.table_info_contact .col1 {
    width: 80px;
}

.table_info_contact thead th {
    background-color: #588ED3;
    /* Your desired background */
    color: #ffffff;
    font-size: 13px;
    padding: 5px 5px 5px 10px;
    font-family: 'NotoSans-Regular';
}

.table_info_contact thead th:first-child {
    border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     padding-left:28px;
}

.table_info_contact thead th:last-child {
    border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.table_info_contact thead th.col2 {
    width: 110px;
}

.table_info_contact .title {
    font-weight:bold;
}

.table_info_contact  tr td:first-child {

     padding-left:28px;
}

.table_info_contact tr.row_heading td {
   
    font-size: 16px;
    font-weight:bold;
    background-color:#ffffff;

}
.table_info_contact tr.row_heading td span {

    font-weight:normal;
  
}

.table_info_contact tr.row_heading td.title2 {
   
    font-size: 13px;
    width:40%;


}

.global_search_letter_panel{
    position:fixed;
    right:2%;
    top:200px;
    width:20px;
    z-index:99;
}

.global_search_letter_panel_container{
   display:block;


   color: #ffffff;
    background: #5AC2B2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom:5px;
}
.global_search_letter_panel ul{
list-style:none;
padding:0;
margin:0;

}

.global_search_letter_panel ul li{
list-style:none;
padding:0;
margin:0;
text-align:center;
   line-height:0.8em;
}

.global_search_letter_panel ul li a:link,.global_search_letter_panel ul li a:visited{
text-decoration: none;
  font-size:0.6em;
   color:#ffffff;
   line-height:0.6em;
}
.global_search_letter_panel ul li a:hover{
text-decoration: none;
  font-size:0.6em;
   color:#ffffff;
     line-height:0.6em;
}



.section_inside_info_box_container_search{
   
}

.global_filter_panel{
    z-index:999;
    position:fixed;
    width:100%;
    left:0px;
    bottom:90px;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);
-moz-box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);
box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);

display:none;

}

.global_filter_panel_container{
    max-width:480px;
    margin:auto;
}
.global_filter_panel_container2{
    max-width:90%;
    margin:auto;
    padding:10px 0px 10px 0px;
}

.global_filter_panel_container .heading{
   font-size:15px;
   margin-bottom:10px;

 display: flex;
  align-items: center;     /* vertical center */
  gap: 5px

}
.global_filter_panel_container .heading img{
   height:20px;
   margin-right:5px;
}

.table_button_even td{
    padding:5px 5px 5px 5px;
    width:50%;
}



.table_button_even .item a:link,
.table_button_even .item a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    border:1px solid #000000;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.table_button_even .item a:hover {
      display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    border:1px solid #000000;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}




.global_sortby_panel{
    z-index:999;
    position:fixed;
    width:100%;
    left:0px;
    top:163px;
    background-color:#ffffff;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);
-moz-box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);
box-shadow: 0px 0px 8px -2px rgba(66, 68, 90, 0.46);
display:none;

}

.global_sortby_panel_container{
    max-width:480px;
    margin:auto;
}
.global_sortby_panel_container2{
    max-width:90%;
    margin:auto;
    padding:10px 0px 10px 0px;
}

.global_sortby_panel_container .heading{
   font-size:15px;
   margin-bottom:10px;

 display: flex;
  align-items: center;     /* vertical center */
  gap: 5px

}
.global_sortby_panel_container .heading img{
   height:20px;
   margin-right:5px;
}

.table_button_even2 {
   
    width:100%;
}


.table_button_even2 td{
    padding:5px 5px 5px 5px;
    width:50%;
}



.table_button_even2 .item a:link,
.table_button_even2 .item a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    border:1px solid #000000;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}

.table_button_even2 .item a:hover {
      display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    border:1px solid #000000;
    background: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
    text-align: center;
}


.request_session_box{
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
    display:block;
    padding:20px;
    margin-top:20px;
    margin-bottom:20px;
    background-color: #ffffff;
    min-height:150px;
    display: flex;
  justify-content: center;
  align-items: center;  
}

.request_session_box .desc{
   text-align:center;
   margin-bottom:20px;
}



.btn_button_cancel {
width:100%;
}

.btn_button_cancel img {
    margin-left: 5px;
    height: 20px;
}

.btn_button_cancel a:link,
.btn_button_cancel a:visited {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #808D96;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_button_cancel a:hover {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #808D96;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}




.btn_button_confirm {
width:100%;
}

.btn_button_confirm img {
    margin-left: 5px;
    height: 20px;
}

.btn_button_confirm a:link,
.btn_button_confirm a:visited {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.btn_button_confirm a:hover {
    display: block;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}


.request_session_screen2{
    display:none;
}



.table_popup_info{
    width:100%;
    margin-bottom:15px;
}
.table_popup_info td{
    vertical-align: middle;
    font-size:13px;
    padding:5px 5px 5px 5px;
}

.table_popup_info td.title{
    font-weight:bold;
    font-size:16px;
}
.table_popup_info tr td:last-child{
    text-align:right;
}

.disclaimer{
    font-size:13px;
}


.btn_message_chatbox_upload_img img{
	height:30px;
}
.btn_send_msg img{
	height:30px;
}

.user_item  .icon_back img {
    width: 20px;
}



.btn_download_small2 a:link,
.btn_download_small2 a:visited {

    background: #000000;

}

.btn_download_small2 a:hover {
  
    background: #000000;
   
}



input.input_search2 {
    width: 85%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 10% 0px 4%;
    text-align: left;
    border: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
   
    background-position: right 5px center;
    background-repeat: no-repeat;
}

.btn_search2{
    position: absolute;
    right:6px;
    top:8px;
}

.btn_search2 img{
  height:15px;
}
.input_search2_container{
    position:relative;
}
.update_date{
    float:left;
}

.btn_remove_small {
   margin-left:10px;
   float:left;
}

.btn_remove_small img {
    margin-right: 5px;
    height: 20px;
}

.btn_remove_small a:link,
.btn_remove_small a:visited {
    float:left;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_remove_small a:hover {
    float:left;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}


.table_calendar .day {
    display: block;
    padding: 5px 5px 5px 5px;
    text-align: center;

    border:1px solid #e1f4fd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.table_calendar .day:hover,.table_calendar .normal_date {
    display: block;
    padding: 5px 5px 5px 5px;
    text-align: center;

    border:1px solid #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.table_calendar .current {

    border:1px solid #000000;
   
}

input:disabled {
  background-color: #dddddd;

}

select:disabled {
  background-color: #dddddd;

}

.popup_screen_landscape{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;

  justify-content: center; 
  align-items: center;    
  height: 100vh;     
  background-color:#ffffff;
  color:#000000;    
  z-index:999999;
display:none;

}

.popup_screen_landscape.active{

display: flex;
}


.table_select_bottom_line{
     border-bottom: 1px dashed #333333;
}






.btn_button_small2 {
   
}

.btn_button_small2 img {
    margin-right: 5px;
    height: 20px;
}

.btn_button_small2 a:link,
.btn_button_small2 a:visited {
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;

    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_small2 a:hover {
     display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
 
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}


.label_status{
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #ffffff;
    background: #999999;
    text-align: center;

    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    margin-bottom:5px;
}

.btn_show_pwd{
    cursor:pointer;
}

.btn_show_pwd .img2{
   display:none;
}



.btn_show_pwd.current .img1{
   display:none;
}


.btn_show_pwd.current .img2{
   display:inline;
}



.confirm_msg_text{
	width:100%;
	text-align:center;
	color:#000000;
	

	
}

.confirm_msg{
	clear:both;
	display:none;
	
	
}
table.confirm_msg td{

	
	
	
}

.loading{
	clear:both;
	width:67px;
	height:67px;
	margin:auto;
	background-image:url(images/loading.svg?v=2);

	background-image:url(images/loading2.gif?v=2);

   
	background-repeat:no-repeat;
	background-position:center center;
display:none;
    
    
}

.countdown_area{
    display:none;
}


.btn_remove {
    clear: both;
    margin-top: 10px;
}

.btn_remove a:link,
.btn_remove a:visited {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #333333;
    text-align: center;
    line-height: 40px;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_remove a:hover {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #000000;
    text-align: center;
    line-height: 40px;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_remove img {
    margin-left: 5px;
    height: 20px;
}


.form_area .item_box_content {
    clear:both;
    margin-bottom:10px;
}

.form_area .item_left_top {
    clear:both;
    width: 100%;
}

.form_area .item_right_bottom {
   clear:both;
    width: 100%;
}




.btn_edit2 {
    clear: both;
    margin-top: 10px;
}

.btn_edit2 a:link,
.btn_edit2 a:visited {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #333333;
    text-align: center;
    line-height: 40px;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_edit2 a:hover {
    display: block;
    padding: 0px 20px 0px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #000000;
    text-align: center;
    line-height: 40px;
    height: 40px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_edit2 img {
    margin-left: 5px;
    height: 20px;
}


.item_box_area p{
    text-align:left;
    margin-top:5px;
    margin-bottom:5px  !important;
    padding-bottom:0px !important;
    display:block;
    padding:5px 5px 10px 5px;
    background-color:#ebebec;
    color:#6a42b3;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}


.selected_dynamic_item_box{
     text-align:left;
    margin-top:5px;
    margin-bottom:5px  !important;
    padding-bottom:0px !important;
    display:block;
    padding:5px 5px 5px 5px;
    background-color:#ebebec;
    color:#6a42b3;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.selected_dynamic_item_box ul{
   margin-bottom:0px;
}



.dialog .radio_list .radio {
    clear: both;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.dialog .radio_list .radio2 {
    margin-left:35px;
}

.dialog .radio_list .radio label {
    display: flex;
    align-items: center;
}

.dialog .radio_list .radio label input {
    margin-right: 10px;
}

.update_selected_content{
    text-align:left;
}

/*
input[readonly],select[readonly] {
    background-color: #dddddd;   
    color: #555;                 
    border: 1px solid #ccc;      
    cursor: not-allowed;     
    pointer-events: none;   
}
*/
input[readonly]:not(.input_no_readonly),
select[readonly]:not(.input_no_readonly) {
    background-color: #dddddd;   
    color: #555;                 
    border: 1px solid #ccc;      
    cursor: not-allowed;     
    pointer-events: none;   
}



.hide_data_group{
    display:none;
}

.handle_discount_loading{
    display:none;
}

.label_text{
    
    float:left;
    padding:5px 10px 5px 10px;
     color: #ffffff;
    background-color: #329e91;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:12px;
    margin-top:5px;

}

.label_text1{
    
    float:left;

    
    font-size:12px;
    margin-right:5px;

}

.label_text2{
    
    float:left;
    padding:5px 10px 5px 10px;
     color: #ffffff;
    background-color: #329e91;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:12px;
     margin-right:5px;

}

.left{
    float:left;
}

.icon_loading{
    display:none;
}

.icon_loading img{
	max-height:30px;
}

.hide_item{
    display:none;
}

.upload_file_message_loading{
    display:none;
}




.message_count {
	position: absolute;
	right: 0px;
	top: -5px;
	text-align: center;
	height: 20px;
	width: 20px;
	background-color: #990000;
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

.btn_link{
    cursor:pointer;
}
.table_inside_update{
   margin-bottom:20px;

}


.table_inside_update td{
    vertical-align:middle;
    padding:0px 5px 5px 0px;

}

.table_inside_update .input_middle3{
   width:100px;

}



.timer_info {
    clear: both;
    margin-bottom: 20px;
 

     display: flex;             
  justify-content: center;    
  align-items: center;        
  padding: 10px;             



    font-size: 15px;
    color: #ffffff;
    background: #990000;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Bold';
}



.timer_info.finish {
   


    background: #009a57;
 
}


.notification_list{
    width:100%;
}

.notification_list .item{
    display:block;
    border-bottom:1px solid #999999;
    padding:10px 0px 10px 0px;
    text-align:left;
    background-color:#ffffff;
    
}

.notification_list .item:nth-child(even) { 
    background-color: #f0f0f0;
 }
.notification_list .item .date{
    font-weight:bold;
    font-size:13px;
}

.notification_list .item .content{
   clear:both;
   margin-top:5px;
}


.notification_list .item .title{
   font-weight:bold;
    font-size:15px;
}

.notification_list .item .desc{
    font-size:15px;
}


.btn_button_normal {
    clear: both;
    margin-top: 15px;
}

.btn_button_normal a:link,
.btn_button_normal a:visited {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background: #1e64b2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_normal a:hover {
    display: block;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    background-color: #3c7dc6;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}


.btn_confirm_dialog2 {
    clear: both;
    margin-top: 15px;
}

.btn_confirm_dialog2 a:link,
.btn_confirm_dialog2 a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
        font-size: 13px;
    color: #ffffff;
    background: #333333;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_confirm_dialog2 a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 18px;
        font-size: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #666666;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}



.zoom_video_record_list {
  display: flex;
  flex-wrap: wrap;      
  gap: 5px;     
}

.video_button_text {
 clear:both;
 margin-bottom:10px;  
}

.video_button_item a:link,
.video_button_item a:visited {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.video_button_item a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #ffffff;
    background: #FF4B00;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}


.disabled_click{
    opacity:0.3;
}

.remark_hint{
    color:#ff0000;
}


select {
  -webkit-appearance: none !important;
  appearance: none !important;

  padding-right: 32px !important;

  background-image: url('images/select.png')  !important;
  background-repeat: no-repeat  !important;
  background-position: right 6px center  !important;
  background-size: 12px auto  !important;

}



.message_list a {
  word-break: break-word;       /* allow breaking inside long words/URLs */
  overflow-wrap: anywhere;      /* modern way to break long strings */
  white-space: normal;          /* ensure text can wrap */
}


.input_title{
    clear:both;
    margin-bottom:5px;
    font-size:12px;

}

.handle_use_amount_loading{
    display:none;
}

span.small{
    font-size:80%;
}

.btn_button_red {
    clear: both;
    margin-top: 15px;
}

.btn_button_red a:link,
.btn_button_red a:link,
.btn_button_red a:visited {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    background: #990000;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_button_red a:link,
.btn_button_red a:hover {
    display: block;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: #990000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.refund_request_remark_box{
    clear:both;
    margin-top:10px;
    padding:20px;
    background-color:#db5c82;
    color:#ffffff;
    font-size:13px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.dialog_content p a {
    color:#89bbe2;
    text-decoration:underline;
}



input.input_top_search_long {
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0px 4% 0px 4%;
    text-align: left;
    border: none;
    font-size: 13px;
    font-weight: normal;
    background: none;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-family: 'NotoSans-Regular';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(images/patient/icon/search.svg?v=22);
    background-position: right 5px center;
    background-repeat: no-repeat;
    margin-bottom:20px;
}






.btn_before_top_lang {
    position: absolute;
    right: 0%;
    top: 5%;
}

.btn_before_top_lang a:link,
.btn_before_top_lang a:visited {
    display: block;
    padding: 3px 20px 3px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

.btn_before_top_lang a:hover {
    display: block;
    padding: 3px 20px 3px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #333333;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}


a b,
a strong {
    font-family: 'NotoSans-Bold' !important;
    font-weight: bold  !important;
}




/* Fix rating box clickability on mobile */
.rating_box {
    position: relative;
    z-index: 10;
    display: inline-block;
}

.rating_box img {
    cursor: pointer !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto !important;
    padding: 2px;
    touch-action: manipulation;
}

#rating_client, #rating_platform {
    display: inline-block;
    touch-action: manipulation;
}

/* Ensure the rating container doesn't block clicks */
.section_inside_info_box {
    overflow: visible;
}

/* Prevent text selection while rating */
.rating_box * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Fix for the table row containing rating */
.table_form2 td.desc {
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 10px;
}


.button_small a:link,
.button_small a:visited,
.button_small a:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #8db1d8;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.button_small a.current:link,
.button_small a.current:visited,
.button_small a.current:hover {
    display: block;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    background: #1E64B2;
    text-align: center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
    font-family: 'NotoSans-Regular';
}

.loading_button_action{
	clear:both;
	width:67px;
	height:67px;
	margin:auto;

	background-image:url(images/loading2.gif?v=2);

   
	background-repeat:no-repeat;
	background-position:center center;
display:none;
    
    
}


/* Chrome, Edge, Safari */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}