* {
box-sizing: border-box;
}
@font-face {
font-family:"Platformian";
src:url(fonts/Platformian.eot);
src:url(fonts/Platformian.eot?#iefix) format("embedded-opentype"),url(fonts/Platformian.woff2) format("woff2"),url(fonts/Platformian.woff) format("woff"),url(fonts/Platformian.ttf) format("truetype"),url(fonts/Platformian.svg#svgFontName) format("svg")
/* Legacy iOS */;
}
body {
display: block;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 13px;
float: left;
margin: 0;
min-height: 100vh;
width: 100%;
background: linear-gradient(to bottom, #d8e4f2 , #e0e8ef);
}
a {
text-decoration: none;
display: block;
border: none;
}
input {
font-family: Arial;
padding-left: 5px;
}
input[type=text] {
}

red {
color: red;	
}



/*   New                              */
#tanz-54855-container {
display: block;
float: left;
width: 100%;
margin: 0;
}
.menubar {
display: block;
float: left;
width: 100%;
background: #bfdbff;
border-image: none;
font-family: "Arial",sans-serif;
height: 2.5em;
border-bottom: 1px solid #8db2e3;
font-family: calibri;
font-size: 14px;
line-height: 20px;
height: auto;
}
.z_login_header {
display: block;
float: left;
width: 100%;
height: 2em;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
line-height: 97px;
font-size: 36px;
padding-left: 20px;
font-family: "Times New Roman";
border-bottom: 1px solid #8db2e3;
}
.z_login_button {
display: block;
width: 100%;
height: 60px;
border-bottom: 1px solid #8db2e3;
margin-bottom:15px;	
}

.jconfirm-box  {
width: 50%;	
}

pend {
display: block;
float: left;
width: 70px;
text-align: center;
background: yellow;
color: red;
padding-top: 2px;
padding-bottom: 1px;
}

done {
display: block;
float: left;
width: 70px;
text-align: center;
background: green;
color: #fff;
padding-top: 2px;
padding-bottom: 1px;
}

.user_tol_nav_cnt_2 {
display: block;
    float: left;
    width: 100%;
    margin-bottom: 200px;
    background: #fff;
    margin-top: 20px;
    padding-top: 1%;
    padding-bottom: 1%;
}



.user_tol_nav_cnt {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 200px;
    background: #fff;
    margin-top: 20px;
    padding: 20px;
}

.user_tol_nav_wrp {
display: block;
width: 380px;
margin: auto;	
}

.user_tol_nav_wrp_2 {
display: block;
float: left;
width: 60%;
margin-left: 20%;
}



.previous_page_dev {
display: block;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
color: #000;
display: block;
float: left;
width: 48%;
text-align: center;	
height: 30px;
font-size: 18px;
line-height: 30px;
}

.customer-cnt table td {
padding-top: 5px;
padding-bottom: 5px;	
}

.ast_inp_cnt table td {
padding-top: 5px;
padding-bottom: 5px;	
}

.ast_inp_cnt table td select{
height: 2em;	
}

.ast_inp_cnt table td textarea{
height: 6em;	
}


statbar {
display: block;
background: #b7e4af;
padding: 5px;	
text-align: center;
}

.vw_1 {
display: block;
float: left;
width: 90%;	
margin-left: 5%;
text-align: center;	
background: green;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1.2em;
}

.vw_1 a{
display: block;
text-decoration: none;
color: #fff;
}


.cent_mx {
text-align: center;
	
}


.center {
text-align: center;	
}

.as_sumbit {
height: 3em;
    text-align: center;
    width: 40%;
}


.next_page_dev {
display: block;
float: right;
width: 48%;
text-align: center;	
height: 30px;
font-size: 18px;
line-height: 30px;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
color: #000;
display: block;


}

.previous_page_dev:hover, .next_page_dev:hover {
cursor: pointer;	
}







wrp_me {
display: block;
background: green;
width: max-content;
margin: auto;
padding-left: 10px;
padding-right: 10px;
color: #fff;
}

.menubar_2 a {
text-decoration: none;
color: #fff!important;
margin-top: 10px;
}	

.z_login_bdy {
display: block;
width: 100%;
float: left;
border-left: 1px solid #8db2e3;
min-height: 106px;
padding-top: 40px;
padding-bottom: 13px;
border-right: 1px solid #8db2e3;
}
.z_forgot_login_bdy {
display: block;
width: 100%;
float: left;
border-left: 1px solid #8db2e3;
min-height: 106px;
padding-top: 40px;
padding-bottom: 13px;
border-right: 1px solid #8db2e3;
padding-left:15px;
font-size: 14px;
}
.z_register_bdy {
display: block;
width: 100%;
float: left;
border-left: 1px solid #8db2e3;
min-height: 106px;
padding-top: 10px;
padding-bottom: 13px;
border-right: 1px solid #8db2e3;
font-size: 1.1em;
}
.z_forgot_pw_but_1{
display: block;
float: left;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
padding-left: 10px;
border: 1px solid #8db2e3;
}
.reco_center {
padding-left: 76px;
font-size: 16px;
font-weight: bold;	
}
.reco_center_green {
padding: 20px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: green;	
}
.z_forgot_repair_but_1 {
display: block;
float: left;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 18px;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
padding-left: 10px;
border: 1px solid #8db2e3;	
}
.reco_m_err{
padding-left: 76px;
font-size: 16px;
font-weight: bold;
color: red;	
}
.reg_z_in {
font-size: 1em;
height: 1.8em;
padding-left: 5px;	
width: 250px;
}
.z_reg_success_1{
display: block;
float: left;
width: 100%;
height: 40px;
background: green;
color: #fff;
line-height: 40px;
font-size: 18px;
padding-left: 10px;
}
.captcha_z_in {
height: 2em;
width: 320px;
text-align: center;
font-size: 2em;
}

.nicEdit-main {
font-family: "Arial", "Platformian";	
}

#footer_text {
width: 100%;	
background: #fff!important;
min-height: 300px;
padding: 10px;
font-family: "Arial", "Platformian";

}

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

.nicEdit-main  {
background: #fff!important;	
}

.nicEdit-main:focus  {
outline: none;
padding: 10px;
}

.save_btn {
display: block;
margin: auto;
width: 150px;
height: 50px;
text-align: center;	
margin-top: 20px;
}

.menubar_2 {
display: block;
float: left;
width: 100%;
text-align: center;	
line-height: 25px;
}

.search-bar-13 {
display: block;
width: 260px;
height: auto;
margin: auto;
margin-top: 10px;
}

.set_del:hiver {
cursor: pointer;	
} 



.z_register_bdy table {
margin: auto;	
}
.login_username {
display: block;
float: left;
height: 35px;
margin-left: 75px;
width: 250px;
padding-left: 10px;
font-size: 16px;
}
.forgot_login_username {
display: block;
float: left;
height: 35px;
width: 250px;
padding-left: 10px;
font-size: 16px;
}
.login_password {
display: block;
float: left;
height: 35px;
margin-left: 75px;
width: 250px;
padding-left: 10px;
font-size: 16px;
}
.z_login_submit {
display: block;
float: left;
width: 100%;
border-left: 1px solid #8db2e3;
text-align: center;
height: 144px;
border-right: 1px solid #8db2e3;
border-bottom: 1px solid #8db2e3;	
padding-bottom:15px;
}
.z_admin_bar {
display: block;
float: left;
width: 100%;
min-height: 28px;
line-height: 28px;
border-bottom: 1px solid #bebfc1;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
text-align: center;
}
forgot {
display: block;
width: 100%;
margin-top: 25px;	
}
forgot a{
color: #3e526d;	
}
.login_err_bar{
display: block;
float: left;
width: 100%;
min-height: 40px;
margin-top: 10px;
text-align: center;
color: red;
}
.login_err_bar_active {
display: block;
float: left;
width: 100%;
min-height: 40px;
margin-top: 10px;
text-align: center;
color: red;
background: yellow;
font-size: 16px;
line-height: 40px;
border-top: 1px solid red;	
border-bottom: 1px solid red;
}
.z_login_banner {
display: block;
float: left;
width: 100%;	
margin-bottom: 10px;
}
.login_subm_bt {
display: block;
width: 131px;
height: 49px;
margin: auto;
margin-top: 4px;
font-weight: bold;
font-size: 17px;	
}
.z_login_but_1 {
display: block;
float: left;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
text-align: center;
font-size: 18px;
line-height: 49px;
border: 1px solid #8db2e3;	
font-weight: bold;
}
.z_login_but_2 {
display: block;
float: right;
width: 49%;
height: 50px;
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
text-align: center;
font-size: 18px;
line-height: 49px;
border: 1px solid #8db2e3;	
}
.z_login_but_2:hover {
cursor: pointer;	
background: linear-gradient(to bottom, #b8f1df , #f9f9f9);
}
.z_login_cnt {
display: block;
float: left;
width: 100%;
}
.log_1_wrp {
display: block;
float: left;
width: 100%;
box-shadow: 0px 6px 21px 0px #777;
background: linear-gradient(to bottom, #dfedfb 2%,#2088ce 100%);
}
.z_logo_panel {
display: block;
float: left;
width: 100%;
text-align: center;
margin-bottom: 20px;	
}
.z_login_box {
display: block;
width: 400px;
margin: auto;
margin-top: 120px;	
}
.z_register_box {
display: block;
width: 700px;
margin: auto;
margin-top: 10px;	
}
.ast_main_cnt {
display: block;
float: left;
width: 100%;
margin-top: 20px;	
}
.ast_cnt_left {
display: block;
float: left;
width: 20%;	
min-height: 100vh;
}
.ast_cnt_right {
display: block;
float: left;
width: 100%;	
border-left: 1px solid #8db2e3;
min-height: 100vh;
}

.menubar ul {
list-style-type: none;
margin-top: 0;
display: block;
width: 100%;
margin: auto;
text-align: center;
padding: 5px;
}
.menubar li {
display: inline-block;	
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0px 3px 6px 0px #777;
background: linear-gradient(to bottom, #9eb0f3 2%,#194377 100%);
color: #fff;
}
.menubar ul li a {
text-decoration: none;
color: #fff;	
}
.menubar li:hover {
cursor: pointer;
background: linear-gradient(to bottom, #e4e65f 2%,#a08706 100%);
}
.asst_pt_info_cnt {
display: block;
margin: auto;
width: 60%;	
margin-top: 40px;
}
.asst_pt_info_title {
display: block;
margin: auto;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
background: linear-gradient(to bottom, #9eb0f3 2%,#194377 100%);
color: #fff;
font-size: 18px;
}
.asst_pt_info_title_2 {
display: block;
margin: auto;
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bold;
background: linear-gradient(to bottom, #aaf1b6 2%,#27750d 100%);
color: #fff;
font-size: 18px;
}
.ast_td_name {
font-weight: bold;
font-size: 1.2em;
width: 90px;
padding-right: 10px;	
}
.asst_s_btn {
display: block;
margin: auto;
width:  250px;
height: 50px;
text-align: center;
font-weight: bold;
margin-top: 30px;
}
.ast_all_t {
display: block;
float: left;
width: 100%;	
height: 30px;
font-size: 16px;
font-weight: bold;
text-align: center;
margin-top: 30px;
background: #fff;	
line-height: 30px;
box-shadow: 0px 3px 6px 0px #777;
border-bottom: 1px solid #ccc;
}
.ast_all_body {
display: block;
float: left;
width: 100%;
box-shadow: 0px 3px 6px 0px #777;
background: #fff;
padding-bottom: 40px;
padding-top: 10px;
min-height: 100px;
}
.ast_all_body table{
width: 96%;
padding: 20px;
border-collapse: collapse;
margin-left: 2%;
}	
.ast_all_body table thead td{
font-weight: bold;	
}
.ast_all_body table td{
padding: 5px
}
.ast_all_body table tr:nth-child(2n) {
background: #d7d7d7 none repeat scroll 0 0;
}
.ast_all_body table  tr:nth-child(2n+1)  {
background: #f7f7f7 none repeat scroll 0 0;
}
#asst_app_in {
height: 25px;
padding-left: 5px;
width: 100%;	
}


.asst_pt_info_cn_wrp {
display: block;
float: left;
width: 100%;
height: auto;	
box-shadow: 0px 3px 6px 0px #777;
}
.asst_pt_info_cn_wrp table {
width: 90%;
margin: auto;	
padding: 40px;
}

.date_sep {
min-width: 90px;	
}

view {
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
color: #000;
display: block;
float: left;
height: 16px;
line-height: 14px;
margin-right: 2px;
text-align: center;
text-decoration: none;
width: 51px;
}

view:hover {
cursor: pointer;	
background: orange;
}

.v-826235-1 {
width: 52px;
}

edit {
background: linear-gradient(to bottom, #b8d1f1 , #f9f9f9);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
color: #000;
display: block;
height: 16px;
line-height: 14px;
margin-right: 2px;
text-align: center;
text-decoration: none;
width: 51px;
}

edit:hover {
cursor: pointer;	
background: orange;
}


/*           New Ends                      */
@media screen and (max-width: 480px) {
html body {
margin: 0;
padding: 0;	
background: #fff;
}

.tanz-54855-container {
display: block;
float: left;
width: 100%;	
}





.menubar {
    display: block;
    float: left;
    width: 100%;
    background: #fff;
    border-image: none;
    font-family: "Arial",sans-serif;
    border-bottom: none;
    font-family: calibri;
    font-size: 0.9em;
	margin-bottom: 10px;
}


.menubar ul {
display: block;
float: left;
width: 100%;
list-style-type: none;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
font-size: 0.9em;
}

.menubar li {
display: inline-block;
padding: 5px;
box-shadow: 0px 3px 6px 0px #777;
background: linear-gradient(to bottom, #9eb0f3 2%,#194377 100%);
color: #fff;
}


.menubar_2 {
margin-bottom:5px;
}












.ast_all_t {
    display: block;
    float: left;
    width: 94%;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    background: #fff;
    line-height: 30px;
    box-shadow: 0px 0px 21px 0px #777;
    border-bottom: 1px solid #ccc;
    margin-left: 3%;
}


.ast_all_body {
display: block;
    float: left;
    width: 94%;
    box-shadow: 1px 2px 35px 0px #777;
    background: #fff;
    padding-bottom: 5px;
    padding-top: 10px;
    min-height: 100px;
    margin-left: 3%;
    margin-bottom: 40px;
}

.asst_pt_info_title_2 {
    display: block;
    margin: auto;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(to bottom, #24d642 2%,#27750d 100%);
    color: #fff;
    font-size: 18px;
}




sexcnt {
height: 17px;
line-height: 17px;	
}


.ast_main_cnt {
display: block;
float: left;
width: 100%;
margin-top: 0px;
}
.ast_cnt_right {
display: block;
float: left;
width: 100%;
border-left: none;
min-height: 0vh;
}
.ast_all_body table {
    width: 100%;
    overflow: scroll;
    margin-left: 0%;
    padding: 5px;
}


mobi {
font-size: 1.2em;	
color: blue;
}

cfor {
color: red;	
}


.jconfirm-box  {
width: 80%;	
}
.jconfirm-title-c {
font-family: Arial, "Platformian";	
font-weight: bold;
color: blue;
margin-left: 0px;
}

.asst_pt_info_cnt {
display: block;
float: left;
width: 100%;
margin-top: 10px;
margin: 0;
}


.demo_modal {
display: none;
width: 90%;
height: 80vh;
background: #FFF;
position: fixed;
box-shadow: 1px 0px 8px 4px #777;
margin-left: 5%;
margin-top: 65px;
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 100px;
}

.demo_modal table thead {
font-weight: bold;	
}

.demo_modal_bar {
position: fixed;	
display: block;
float: left;
width: 90%;
height: 30px;
background: #ccc;
text-align: center;
box-shadow: -1px 2px 0px 0px #777777e8;
}

.domal_bar_1 {
display: block;
float: left;
width: 80%;
text-align: center;
padding-left: 15%;
font-weight: bold;
font-size: 16px;
line-height: 30px;
overflow: hidden;
}

.domal_bar_2 {
display: block;
float: right;	
height: 30px;
width: 30px;
border: 1px solid #ccc;
background: red;
color: #fff;	
text-align: center;
font-size: 20px;
line-height: 30px;
}
.domal_bar_2:hover {
background: yellow;
color: #fff;	
cursor: pointer;
}

.modal_content {
display: block;
float: left;
width: 90%;
font-size: 0.9em;
margin-left: 5%;
}

.modal_content table {
width: 100%;
border-collapse: collapse;	
margin-top: 40px;
}

.modal_content table td {
padding-left: 5px;	
vertical-align: top;
border-bottom: 1px solid #ccc;
}


.call_me {
    display: block;
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    border-color: #388df8;
    border-bottom-color: #0866dc;
    background-color: #6eb4f7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6eb4f7), color-stop(100%, #1a82fb));
    background-image: -webkit-linear-gradient(top, #6eb4f7 0%, #1a82fb 100%);
    background-image: linear-gradient(to bottom, #6eb4f7 0%, #1a82fb 100%);
    color: #fff;
    line-height: 40px;
    border-radius: 10px;
}

.call_me a{
text-decoration: none;
}


.gap_me {
min-width: 130px;	
}



.asst_pt_info_title {
    display: block;
    margin: auto;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(to bottom, #9eb0f3 2%,#194377 100%);
    color: #fff;
    font-size: 1.2em;
}



.search-bar-13 {
display: block;
width: 230px;
height: auto;
margin: auto;
margin-top: 10px;
}


.asst_pt_info_cn_wrp {
    display: block;
    float: left;
    width: 90%;
    margin-left: 5%;
    height: auto;
    box-shadow: 0px 3px 6px 0px #777;
}


.asst_pt_info_cn_wrp table {
display: block;
    float: left;
    width: 98%;
    padding: 15px;
    font-size: 0.8em;
    margin-left: 1%;
}

label {
height: 17px;
line-height: 17px;	
}


.z_admin_bar {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #868788;
    background: linear-gradient(to bottom, #f5e2ad , #eaa508);
    text-align: center;
    font-size: 0.7em;
}
#asst_app_in, #date {
height: 2em;
padding-left: 5px;
width: 100%;
}
.z_login_box {
display: block;
width: 96%;
margin: auto;
margin-top: 120px;
}
.z_logo_panel img {
max-width: 90%;	
}
.ast_td_name {
font-weight: bold;
width: 75px;
padding-right: 10px;
font-size: 1.2em;
}

}